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

时间:2020-01-21 16:25:40   收藏:0   阅读:82
<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)

原文:https://www.cnblogs.com/foreversimon/p/12221960.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!