码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-01-21 16:18:07      阅读:65      评论:0      收藏:0      [点我收藏+]

标签:color   tail   esc   span   angular   数据绑定   name   v-for   循环   

<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第一个应用用到的模版语法

标签:color   tail   esc   span   angular   数据绑定   name   v-for   循环   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!