Angular 安全导航操作符(?.)和空属性路径
来源:互联网 发布:易语言自动打码源码 编辑:程序博客网 时间:2024/05/13 22:48
Angular 的安全导航操作符(?.)是一种流畅而便利的方式,用来保护出现属相路径中null和undefined值。
这种用法基本上和C#6.0中的委托触发操作符用法相同。
student?.name:当student不为空的时候输出name的值。
一、空属性路径
在Angular中 当前模块属性为空时,输出空字符串,不会抛出异常
<div class="alert alert-info"> <p *ngIf="content">this is {{content}}</p> <p>测试内容</p> <p>this is {{content}}</p> </div>
import { Component } from '@angular/core';@Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css']})export class AppComponent { title = 'app';}
二、空对象路径
在Angular中 对象为空时抛出异常
解决方案1:使用 && 逻辑判断符
<p>对象为空:{{student&&student.name}}</p>
解决方案2:使用 *ngIf 判断指令
<p *ngIf="content">this is {{content}}</p>
解决方案3:使用?. 安全导航操作符(推荐)
<p>对象为空2:{{student?.name}}</p>
更多:
Angular2开发环境搭建之VS Code
Angular CLI简介2
Angular CLI简介
阅读全文
0 0
- Angular 安全导航操作符(?.)和空属性路径
- Angular中的安全导航操作符 ( ?. )
- kotlin--空安全(可空类型和非空类型,Elvis 操作符,!! 操作符)
- 导航和路径规划
- Angular管道操作符(|)
- C# 可空类型?和空接合操作符??
- 路径规划和导航算法
- 数据库为空时的安全操作
- angular的directive的属性和用法
- Angular Form表单的属性和类
- ThinkPHP 空操作和空控制器
- 八.空操作和空控制器使用
- thinkphp空操作和空控制器
- TP框架 ---空控制器和空操作
- Angular+Bootstrap3导航菜单
- 使用Angular Route导航
- angular的自定义属性和ng-href属性
- 学习kotlin第15天_操作符重载、空安全、异常、注解
- ASCII表完整版(包含16进制对应表)——看看16进制与10进制的转化
- Win10下安装Tensorflow(GPU)+CUDA8.0+cudnn6
- cas中文乱码问题完美解决
- ping不通或断断续续处理思路
- Javabean&Dao
- Angular 安全导航操作符(?.)和空属性路径
- Jenkins安装到tomcat
- android MediaPlayer 视频开发+SurfaceHolder(可网络本地,以及加上倒计时和网络下载到本地流畅播放)
- 简易时间选择器
- 一文概览图卷积网络基本结构和最新进展(附视频&代码)
- Android 动画
- request获取客户端浏览器的信息
- Semtech发布业界首款基于LoRa技术的物联网应用一次性微纳型电子标签
- 恒力弹簧设计及寿命预测