angular import 顺序_Angular学习笔记（2）

对于上篇文章，各位大佬的评论都看到了，特意去查看了一下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>