Angular-属性型指令和结构型指令的区别

Angular-指令

Angular内置的指令包括  属性型指令和结构型指令

1、属性型指令会监听并修改其所在的 HTML 元素和组件的行为、Attribute（标签） 和 Property（DOM树）。 它们通常被应用在元素上，就好像它们是 HTML 属性一样，因此得名属性型指令。
属性型指令：NgClass、NgStyle、NgModel
NgClass：
<div [ngClass]="isSpecial ? 'special' : ''">This div is special</div>

NgStyle：
<div [style.font-size]="isSpecial ? 'x-large' : 'smaller'">
  This div is x-large or smaller.
</div>

NgModel：
<input [value]="currentItem.name" (input)="currentItem.name=$event.target.value" id="without">
等价于
<input [ngModel]="currentItem.name" (ngModelChange)="currentItem.name=$event" id="example-change">

2、结构型指令：NgIf、NgFor、NgSwith