我想根据一些 JSON 数据在按钮中显示不同的文本。
例子(当然不行):
<button [innerHTML]='"Male" if user.gender==1 else "Female"'></button>
我知道这个功能已经存在于例如 [ngClass] 中:
<button [ngClass]='{"btn-success": data.complete, "btn-primary": !data.complete}'>Some text</button>
使用 [ngClass] 方法显示为 [object:Object],因此不起作用。
有什么解决办法吗?
最佳答案
使用三元表达式
<button [innerHTML]='user.gender == 1 ? "Male" : "Female"'></button>
无论如何你不需要innerHtml
。我会这样做:
<button>{{ user.gender == 1 ? "Male" : "Female" }}</button>
关于javascript - Angular2 [innerHTML] if else 验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40113956/