模板表达式操作符

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

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

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

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

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

  • 非空断言操作符(!)
    能确定变量值一定不为空时使用。
    与安全导航操作符不同的是,非空断言操作符不会防止出现 null 或 undefined。 它只是告诉 TypeScript 的类型检查器对特定的属性表达式,不做 "严格空值检测"。
  • 类型转换函数 $any ($any( <表达式> ))
    有时候,绑定表达式可能会报类型错误,并且它不能或很难指定类型。要消除这种报错,你可以使用 $any 转换函数来把表达式转换成 any 类型。
    $any 转换函数可以和 this 联合使用,以便访问组件中未声明过的成员。

Undeclared members is {{$any(this).member}}

你可能感兴趣的:(模板表达式操作符)