(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
