Angular中如何通过条件判断为div动态添加title属性？

你可以通过Angular的属性绑定直接实现，不用额外创建div或者用ngIf切换，代码足够简洁：

给title属性加上方括号做绑定，通过三元表达式判断permission状态：当permission为true时传入你需要的标题文本，为false时传入null或undefined——Angular遇到绑定值为null/undefined的属性时，不会在DOM中渲染这个属性，刚好满足你的需求。

修改后的代码：

<div 
  (click)="goToChangelog()" 
  [ngStyle]="{'cursor': permission ? 'pointer' : ''}"
  [title]="permission ? '查看更新日志' : null"
>
    Version {{version}}
</div>

如果你的标题内容是动态的（比如来自变量或方法返回值），直接替换三元表达式里的字符串即可，示例：

[title]="permission ? dynamicTitleText : null"

内容的提问来源于stack exchange，提问作者skkrrea