对于上篇文章,各位大佬的评论都看到了,特意去查看了一下Angualr和AngualrJS的区别,在此说声抱歉,让有些人对此有了误区,感谢对我写的文章提出意见的大佬们,我也会积极的改正的,话不多,正题开始:
一、指令类型
注意:每个宿主元素只能有一个结构型指令--例如*ngIf和*ngFor不能放一起
类型分为3种:
1、 组件--拥有模板的指令
2、 结构型指令--通过删除和增加DOM元素改变DOM布局的指令
3、 属性型指令--改变元素、组件、或其他指令的外观和行为的组件
- 组件---最常见
- 结构型指令---ngfor/ngif/ngswitch
*ngif 判断值是否应该存在,若不存在,直接在DOM树中删除,若存在,再在DOM数中添加上去
*ngfor 代表着循环,跟Vue中的v-for相同,只是,写法上不一样
<div *ngFor="let item of Array let i=index">
{
{
item}}------{
{
i}}
</div>
- 属性型指令---ngstyle ngclass
*作用,属于语法糖的一种,*ngIf相当于下列语法
<ng-template [ngIf]="">
<div>语法</div>
</ng-template>