教程二——数据

2017-12-06  本文已影响7人  lmmy123

1.使用插值表达式显示组件属性

<h1>hello {{ name }}</h1>

2.内联(inline)模板还是模板文件?

template: `

    <h1>{{ name }}</h1>

  `

模板文件:@Component装饰器中的templateUrl属性,在组件元数据中把它链接到组件


3.使用 ngFor显示数组属性

<ul>

<li *ngFor="let hero of heros>

    {{ hero }}

</li>

</ul>

4.使用ngIf进行条件显示

<p *ngIf="heroes.length > 3">圣诞节覅是</p>

上一篇下一篇

猜你喜欢

热点阅读