Angular语法（二）——模板语法

双花括号{{}}

<img src="{{heroImageUrl}}" style="height:30px"> <!-- "The sum of 1 + 1 is 2" --> <p>The sum of 1 + 1 is {{1 + 1}}</p> <!-- "The sum of 1 + 1 is not 4" --> <p>The sum of 1 + 1 is not {{1 + 1 + getVal()}}</p>

event binding

(event)="statement"

<button (click)="deleteHero()">Delete hero</button>

传参

<button (click)="onSave($event)">Save</button> <button *ngFor="let hero of heroes" (click)="deleteHero(hero)">{{hero.name}}</button> <form #heroForm (ngSubmit)="onSubmit(heroForm)"> ... </form>

转载于:https://www.cnblogs.com/Lulus/p/8488615.html