Angualr2(一)

1.ng g component component_name 生成组件。
2. ng serve命令会自动把.ts文件编译成.jswenjian。

3.import { something } from somewhere ,用来拉取依赖

其中,{ something } 这部分称做解构。

4. 装饰器 @component

当在一个类上使用@component时,这个类就被装饰成一个组件。

5. <prefix-xxxx>选择器(标签)

selector属性指明了当前组件将要使用哪一个标签,以在别的组件使用该标签时根据相应的组建信息对这个标签进行编译。

6. ES6新特性 : …..

反引号中的内容可以实多行字符串。

7. 构造函数

构造函数将在构建类的实例的时候自动调用。

8. 插值绑定/模板标签

{{ }}

这里面的任何东西都会被当作一个表达式来展开。

9. *ngFor 语法是说我们想在这个属性上使用 NgFor 指令。可以把 NgFor 理解成一个类似于 for的循环,其目的是为集合中的每个条目都新建一个DOM元素。*ngFor=’let name of names’,循环处理 names 中的每一个元素并将其逐个赋值给一个名叫 name 的局部变量。

10. @Input注解

使用这个注解的属性表示name是一个输入属性,表示组件之间有值传送。

name1是一个局部变量,包含了相应的值,[name]表示把局部变量的值(数组元素)传送到指定名称的Input上,以供这个组件拿到值并进行展示。

11. Angular项目启动

angular.json ==> main.ts ==> AppModule==>根组件==>其它组件

Leave a Reply

Your email address will not be published. Required fields are marked *