繁体   English   中英

Angular:检查是否定义了变量后,如何有条件地在模板中添加属性?

[英]Angular: How to conditionaly add an attribute in the template after checking if a variable is defined?

检查是否定义了变量后,如何有条件地在模板中添加属性? 我想将具有变量值的属性添加到 HTML 标记,但此变量可能不存在。 我该如何检查?

在以下示例中,myVariable 可能未在组件中定义,它会引发错误:

<i class="fa fa-file-excel-o" title="myVariable ? myVariable : null"></i>
<i class="fa fa-file-excel-o" [attr.title]="myVariable ? myVariable : null"></i>

通常当绑定值为null时该属性应该消失

https://stackblitz.com/edit/angular-ivy-2rr8hk

您忘记了属性名称周围的 [] 以使其可绑定: <i class="fa fa-file-excel-o" [title]="myVariable? myVariable: ''"></i>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM