javascript - Angular2 [innerHTML] if else 验证

标签 javascript angular tags

我想根据一些 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/

相关文章:

javascript - 将 javascript 转换为 exe,WScript 尚未声明

具有绑定(bind)数据的 Angular UI 在单击发生之前不会显示

python - 如何在webapp中实现标签?

javascript - 减少http请求应该先做什么?

javascript - 为什么同步使用 Promise 会返回异步结果?

javascript - 数字加法运算

mysql - 使用 JOIN 的标签

css - 在页面滚动时使顶部导航栏更灵活时出现问题

angular - TypeError : Cannot read property 'state' of undefined at Object. eval - 服务对象无法绑定(bind)到 Angular 5 中的 ngModel

javascript - blogspot.com 同一标签的所有帖子列表