## 一、 插值表達式（{{...}}） >[info] 所謂 "插值" 是指將表達式嵌入到標記文本中。 默認情況下，插值表達式會用雙花括號`{{`和`}}`作為分隔符。 ``` import { Component } from '@angular/core'; @Component({ selector: 'app-root', template: ` <h1>{{title}}</h1> <h2>My favorite hero is: {{myHero}}</h2> ` }) export class AppComponent { title = 'Tour of Heroes'; myHero = 'Windstorm'; } ``` ## 二、模板表達式 >[info] 模板**表達式**會產生一個值，并出現在雙花括號`{{ }}`中。 Angular 執行這個表達式. ``` {{1+1}} {{num+5}} {{num?"true":"fasle"}} ``` >[danger] 注意：請不要使用會引發錯誤的 JavaScript 表達式，包括： * 賦值 (`=`,`+=`,`-=`,`...`) * `new`、`typeof`、`instanceof`等操作符。 * 使用`;`或`,`串聯起來的表達式 * 自增和自減運算符：`++`和`--` * 一些 ES2015+ 版本的操作符