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

太过爱你忘了你带给我的痛 2022-05-10 05:48 214阅读 0赞

原文出处：[https://www.jianshu.com/p/1ccdc6a4d0ce][https_www.jianshu.com_p_1ccdc6a4d0ce]

安全导航操作符 ( ?. )

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

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

非空断言操作符（!）

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

<div *ngIf="hero">
      The hero's name is {
       {hero!.name}}
    </div>

参考：[https://angular.cn/guide/template-syntax][https_angular.cn_guide_template-syntax]

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

[https_www.jianshu.com_p_1ccdc6a4d0ce]: https://www.jianshu.com/p/1ccdc6a4d0ce
[Link 1]: https://link.jianshu.com/?t=http%3A%2F%2Fwww.typescriptlang.org%2Fdocs%2Fhandbook%2Frelease-notes%2Ftypescript-2-0.html
[Link 2]: https://link.jianshu.com/?t=https%3A%2F%2Fangular.cn%2Fguide%2Ftemplate-syntax%23safe-navigation-operator
[https_angular.cn_guide_template-syntax]: https://link.jianshu.com/?t=https%3A%2F%2Fangular.cn%2Fguide%2Ftemplate-syntax

发表评论取消回复

表情：

评论列表（有 0 条评论，214人围观）

还没有评论，来说两句吧...

相关阅读

相关操作符

赋值 Data a = new Data(); Data b = new Data(); b = a; > 这里的赋值是把a的引用赋给b，a没有

柔光的暖阳◎/ 2022年08月21日 04:49/ 0 赞/ 233 阅读

相关移位操作符

移位操作符人家总结挺好：位移位运算符是将数据看成二进制数，对其进行向左或向右移动若干位的运算。位移位运算符分为左移和右移两种，均为双目运算符。第一运算对象是移位对

今天药忘吃喽~/ 2022年08月07日 05:46/ 0 赞/ 238 阅读

相关学习kotlin第15天_操作符重载、空安全、异常、注解

继续跟着官方文档学习，再也不说kotlin坑了，感觉坑的是我而不是kotlin。 1、操作符的重载介绍了一些操作符的执行过程以及对应的函数，要是我把文档抄一遍似乎没啥意义。我

﹏ヽ暗。殇╰゛Y/ 2022年06月13日 09:51/ 0 赞/ 169 阅读

相关 Angular管道操作符(|)

一、模板表达式操作符模板表达式语言使用了JavaScript 语法的子集，并补充了几个用于特定场景的特殊操作符：管道操作符、安全导航操作符。二、管道操作符 (|) 在

忘是亡心i/ 2022年06月04日 05:23/ 0 赞/ 263 阅读

相关 Angular 安全导航操作符(?.)和空属性路径

Angular 的安全导航操作符(?.)是一种流畅而便利的方式，用来保护出现属相路径中null和undefined值。这种用法基本上和C\6.0中的委托触发操作符用法相同。

系统管理员/ 2022年06月04日 05:20/ 0 赞/ 171 阅读

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

原文出处：[https://www.jianshu.com/p/1ccdc6a4d0ce][https_www.jianshu.com_p_1ccdc6a4d0ce] 安全导

太过爱你忘了你带给我的痛/ 2022年05月10日 05:48/ 0 赞/ 215 阅读

相关 Java操作符

几乎所有操作符都只能操作基本类型，例外的操作符是=、==和!=，这几个操作符能操作所有对象。另外String支持+和+=。将一个对象引用赋值给另一个对象引用

拼搏现实的明天。/ 2021年12月16日 16:43/ 0 赞/ 302 阅读

相关管道操作符

> 本质上来说，管道操作符是函数链式调用的语法糖。语法 expression |> function 一般用法 // 传统语法

约定不等于承诺〃/ 2021年09月18日 23:32/ 0 赞/ 456 阅读

相关 Java 操作符

重新再来看（总感觉第一次看）《java编程思想》的话，还是有很多的收获，比如这篇Java 操作符。一、算术操作符 ①、Random public sta

落日映苍穹つ/ 2021年09月10日 16:58/ 0 赞/ 443 阅读

相关位运算操作符、位操作符详解

文章目录一、二进制位二、移位操作符 1.左移操作符 << 2.右移操作符 >> （1）算术右移

柔情只为你懂/ 2021年09月07日 06:05/ 0 赞/ 585 阅读