Angular第一个应用用到的模版语法

Posted 2020-11-25 山根花理

<div *ngFor="let product of products">

*ngFor循环遍历products数组（类似vue的v-for）

 <a [title]="product.name + ‘ details‘">
      {{ product.name }}
 </a>

[title]数据绑定（类似vue的v-bind？）

  <p *ngIf="product.description">
    Description: {{ product.description }}
  </p>

*ngIf如果有则显示，没有则不显示（类似vue的v-if）

  <button (click)="share()">
    Share
  </button>

（click）事件绑定（类似vue的v-on）