-
使用脚手架 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 的哪个地方写下这样的表达式,数据就会在哪个地方进行输出,就像这样:
<p>我们计算得到 1 + 1 = {{ 1 + 1 }}</p>
在页面可以查看到,这句代码的效果是这样的:
{{ }} 内可以写任何表达式,我判断一句代码是不是表达式的方式就是——它是否会有一个输出结果。
-
AngularJS 指令
AngularJS 指令是用来扩展 HTML 属性的,VUE 的指令也是根据 Angular 的指令而来的。
Angular 的指令有它该有的样子:带有前缀 ng-
(指令好多啊... 不写了)
我去看 ts 去了,有机会再继续写吧。。。
网友评论