1. <p>1 + 1 = {{ 1 + 1 }}</p>
    2. <p>{{ num + 1 }}</p>
    3. <p>{{ isDone ? '完了' : '没完' }}</p>
    4. <p>{{ title.split('').reverse().join('') }}</p>
    5. <p [title]="title.split('').reverse().join('')">{{ title }}</p>

    编写模板表达式所用的语言看起来很像 JavaScript。 很多 JavaScript 表达式也是合法的模板表达式,但不是全部。
    Angular 遵循轻逻辑的设计思路,所以在模板引擎中不能编写非常复杂的 JavaScript 表达式,这里有一些约定:

    • 赋值 (=, +=, -=, …)
    • new 运算符
    • 使用 ;, 的链式表达式
    • 自增或自减操作符 (++--)