Angular語法（一）——展示數據

雙花括號{{}}

展示數據

title = 'Tour of Heroes'; myHero = 'Windstorm';

<h1>{{title}}</h1> <h2>My favorite hero is: {{myHero}}</h2>

*ngFor

展示列表

heroes = ['Windstorm', 'Bombasto', 'Magneta', 'Tornado'];

<ul>
    <li *ngFor="let hero of heroes"> {{ hero }} </li> </ul>

*ngIf

基於真/假條件插入或移除元素

<p *ngIf="heroes.length > 3">There are many heroes!</p>

Angular沒有顯示和隱藏信息。 它是從DOM中添加和刪除段落元素。 這可以提高性能，特別是在大型項目中，當有條件地包含或排除大量的HTML與許多數據綁定時。