首页 > 其他 > 详细

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

时间:2020-01-21 16:25:40      阅读:78      评论:0      收藏:0      [点我收藏+]
<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)

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!