尝试从零开始学习Angular

2 年 ago

文, 翔

1 minute

我将从零开始学习Angular。

Angular和Angular.js是不同的东西。

首先，Angular的作用是什么？

主要的角色有四个。

– 渲染视图
– 变更检测
– 路由功能
– Ajax功能

我们来逐一看一下吧。

渲染视图。

将数据转换为HTML

检测到变更

数据变更时MODEL和DOM的协作良好。

路由 (lù

改變視圖

Ajax的功能

服务器访问性能出色

阅读公式

我阅读公式。
我阅读公式文件。

……嗯嗯嗯？？我，我不懂……！！我只有一点点明白模板和组件，原来是这样。

我可以做SSR之类的，唔唔……。

跳过 Tour of Heroes 应用和教程！

让我们阅读术语集。

不，太多了，全部做不到。

首先，关于模块。

NgModule是什么？
看起来像是能够与各种库进行协作的功能。
可以说这就是Angular的特色。
我们可以通过npm安装库，并通过JavaScript的import语句导入它们的部分并使用。
NgModule似乎还可以配置注入器和编译器，并将相关的内容进行整合。嗯嗯。

什么是功能模块？
我不知道。

什么是功能模块的延迟加载？
不知道。

提供依赖对象给模块？
不知道。

单例模式服务？？
我不知道呢。

有没有可以给树摇晃的供应商？嗯，我不知道呢。

每个应用程序都需要至少一个Angular模块（根模块），以便在启动时进行应用程序的引导。按照惯例，通常被称为AppModule。

组件

我也会阅读组件的部分。
听说有一些Angular模板语法的元素（{{hero.name}}、(click)、[hero]），我明白了……。这些元素对应于Vue中的v-if之类的东西吗？

所有的Angular应用程序中至少都有一个组件存在……嗯。

这个组件提供了模板和相关组件的特定元数据。顺便提一下，模板包括HTML和Angular标记，可以在显示HTML元素之前进行修改。

路由

我们通过路由器来完成这种情况下的操作。

ブラウザの前後のボタンをクリックするとブラウザはあなたが見たページの履歴を前後にナビゲート

指令

当Angular进行渲染时，根据指令的指示来转换DOM。换句话说，这是实现Angular的特殊功能之一，即“数据变化时MODEL和DOM的协同是良好的”，所必需的功能。

烟管

声明申明转换模板HTML的显示值。不明白是什么意思……。

我要去看看YouTube。

我会去看一下以下的YouTube视频。

开始使用Angular

唉～果然YouTube很容易理解。
如果先看YouTube就好了。

Angular 教程之后

接下来我会查看以下的网站。

Angular教程之后

嗯嗯……。这真是学到了……。
根据单一职责原则，组件应该被分割到只承担一个功能的状态。

在RxJS库的说明中，提到了Observable……但是这是什么？听说有有限和无限两种类型。

有一种叫做拦截器的也出现了。
嗯，我不知道。

在应用程序配置管理中，还有一个项目！！这是Angular的一个特点，也就是“数据变化时MODEL和DOM的协调非常好”！为了实现这一点，使用了抽象类等。提供者应该放在应用程序的入口点。提供者的类型取决于要提供的内容，例如如果是对象，就是值提供者，等等……。

得出的結論

單單看理論也不知道在說什麼呢。
YouTube很好，YouTube。