## 一、 插值表达式（{{...}}） >[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+ 版本的操作符