[学习笔记] Angular（学着玩）

• 使用脚手架 Angular CLI 搭建一个 Angular 项目

step1: 安装 Angular CLI

使用命令行全局安装 Angular cli：

yarn global add @angular/cli

我比较喜欢用 yarn，也可以使用 npm 的：

npm install -g @angular/cli

step2: 创建工作空间

使用命令行在你的工作目录下创建新的 Angular 项目：

ng new my-app

输入该行命令回车后，会出现一些询问，如果是初学者或是没什么特殊要求的话，可以一致按 Enter 直到没有询问，即成功创建。如果你有什么特殊要求，按照询问自行选择需要的即可。
这里的 my-app 是你的项目名称。

step3: 运行项目

在终端，你必须先进入你的工作项目后才可以运行项目：

cd my-app
ng serve --open

运行后，在默认浏览器会打开类似这样的页面：

最初运行后界面

• AngularJS 表达式

AngularJS 将表达式写在双大括号内：{{ expression }}
{{ expression }} 是写在 HTML 里的，在 HTML 的哪个地方写下这样的表达式，数据就会在哪个地方进行输出，就像这样：

我们计算得到 1 + 1 = {{ 1 + 1 }}

在页面可以查看到，这句代码的效果是这样的：

运行效果

{{ }} 内可以写任何表达式，我判断一句代码是不是表达式的方式就是——它是否会有一个输出结果。

• AngularJS 指令

AngularJS 指令是用来扩展 HTML 属性的，VUE 的指令也是根据 Angular 的指令而来的。
Angular 的指令有它该有的样子：带有前缀 ng-
（指令好多啊... 不写了）
我去看 ts 去了，有机会再继续写吧。。。