angular--安全导航操作符 ( ?. )、非空断言操作符（!） （实用）

原文出处：https://www.jianshu.com/p/1ccdc6a4d0ce

安全导航操作符 ( ?. )

• Angular 的安全导航操作符 (?.) 是一种流畅而便利的方式，用来保护出现在属性路径中 null 和 undefined 值。 下例中，当currentHero为空时，保护视图渲染器，让它免于失败。

The current hero's name is {{currentHero?.name}}

非空断言操作符（!）

• 在 TypeScript 2.0 中，我们可以使用--strictNullChecks标志强制开启严格空值检查。TypeScript就会确保不存在意料之外的null或undefined。
• 与安全导航操作符不同的是，非空断言操作符不会防止出现null或undefined。 它只是告诉 TypeScript 的类型检查器对特定的属性表达式，不做 "严格空值检测"。

<!--No hero, no text -->
<div *ngIf="hero">
  The hero's name is {{hero!.name}}
</div>

参考：https://angular.cn/guide/template-syntax

作者：林ze宏
链接：https://www.jianshu.com/p/1ccdc6a4d0ce
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。