Angular2--显示数据

1.插值表达式

　　要显示组件的属性，最简单的方式就是通过插值表达式来绑定属性名。要使用插值表达式，就把属性名包裹在双花括号里放进视图模板，如 {{}}

　　eg: <h1>{{ name }}</h1>

2.使用 ngFor 显示数组属性

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

　　 *ngFor 是 Angular 的“迭代”指令

　　不要忘记 *ngFor 中的前导星号 (*)。它是语法中不可或缺的一部分。

3.通过 ngIf 进行条件显示

　　有时，应用需要只在特定情况下显示视图或视图的一部分。Angular 的 ngIf 指令会根据一个布尔条件显示或移除一个元素。

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

　　不要忘了 *ngIf 中的前导星号 (*)。它是本语法中不可或缺的一部分。

转载于:https://www.cnblogs.com/veraNotes/p/10802995.html