模板表达式操作符

• 管道操作符 ( | )
  在绑定之前，表达式的结果可能需要一些转换。例如，可能希望把数字显示成金额、强制文本变成大写，或者过滤列表以及进行排序。
  管道操作符会把它左侧的表达式结果传给它右侧的管道函数。
  还可以通过多个管道串联表达式.

• 安全导航操作符 ( ?. ) 和空属性路径
  为了解决导航时变量值为null时，页面运行时出错的问题。

The null hero's name is {{nullHero?.name}}

非常适合像 "a?.b?.c?.d" 这样的长路径。

程序在发现nullHero为空时，会跳出插值表达式。

• 非空断言操作符（!）
  能确定变量值一定不为空时使用。
  与安全导航操作符不同的是，非空断言操作符不会防止出现 null 或 undefined。 它只是告诉 TypeScript 的类型检查器对特定的属性表达式，不做 "严格空值检测"。

• 类型转换函数 $any （$any( <表达式> )）
  有时候，绑定表达式可能会报类型错误，并且它不能或很难指定类型。要消除这种报错，你可以使用 $any 转换函数来把表达式转换成 any 类型。
  $any 转换函数可以和 this 联合使用，以便访问组件中未声明过的成员。

<!-- Accessing an undeclared member -->
<div>
  Undeclared members is {{$any(this).member}}
</div>