知识要点

(v-model)  [(ngModel)]="xx"相当于  
[ngModel]="xx 
(ngModelChange)="xx=$event"

(v-if)  *ngIf

(v-hide)  [class.hidden]
[style.display]="isSpecial ? 'block' : 'none'"

(v-for="hero in heros")  *ngFor="let hero of heroes"

(v-for="(hreo,index)in heros")
<div *ngFor="let hero of heroes; let i=index">{{i + 1}} - {{hero.name}}</div>

<div [ngSwitch]="currentHero.emotion">
  <happy-hero    *ngSwitchCase="'happy'"    [hero]="currentHero"></happy-hero>
  <sad-hero      *ngSwitchCase="'sad'"      [hero]="currentHero"></sad-hero>
  <confused-hero *ngSwitchCase="'confused'" [hero]="currentHero"></confused-hero>
  <unknown-hero  *ngSwitchDefault           [hero]="currentHero"></unknown-hero>
</div>

:href   [href]
@click   (click)

image.png

vue未曾发现

···
:p_hero="hero" props:[p_hero]
[p_hero]="hero" @Input() p_hero: Hero;
···

  v-html="title"
  [innerHTML]="title"

属性型指令Ng
结构型指令ng