Angular4.0模板语法

一、ngFor遍历循环

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

src/app/app.component.ts (template)  //文件路径
template: `
    <h1>{{title}}</h1>
    <h2>My favorite hero is: {{myHero}}</h2>
    <p>Heroes:</p>
    <ul>
      <li *ngFor="let hero of heroes">
        {{ hero }}
      </li>
    </ul>
  `

二、ngIf条件判断

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