温习Angular.js--第一篇

1. Angular 模板语法的五个常用特性:

• *ngFor
• *ngIf
• 插值表达式  {{ }}
• 属性绑定  [ ]
• 事件绑定  ( )

注：*  代表"结构型指令"。结构型指令会通过添加、删除和操纵它们的宿主元素等方式塑造或重塑 DOM 的结构。

<h2>Products</h2>

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

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

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

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

</div>