使用 knockout.js 的条件属性 [重复]答案

【问题标题】：conditional attribute using knockout.js [duplicate]使用 knockout.js 的条件属性 [重复]
【发布时间】：2018-05-22 08:33:58
【问题描述】：

我想有条件地给div标签添加一个ID属性

我试过这样的事情

 <div class="row" data-bind="attr: { id:'selectedReplyMessage': $component.selectedReplyMessageID() == _id }"></div>

但是没用

虽然这段代码

<div class="row" data-bind=" css:{selectedReplyMessage: $component.selectedReplyMessageID() == _id }">

工作正常。但我想将 ID 与组件相关联。

【问题讨论】：

@adiga 我没有找到答案
你试过了吗？
是的，我提到了我尝试过的那个
如答案之一所述，当您不希望显示时，请使用三元运算符并将 id 设置为null。应该是<div class="row" data-bind="attr: { id: $component.selectedReplyMessageID() == _id ? 'selectedReplyMessage' : null }"></div> 这将在条件为true 时设置id="selectedReplyMessage" 并且属性不会；当条件为false 时根本不会添加属性
是的，它有效，谢谢。我应该发布答案还是删除帖子。它可能会帮助即将被淘汰和困惑的新人

【解决方案1】：

正如阿迪戈所说

 <div class="row" data-bind="attr: { id: $component.selectedReplyMessageID() == _id ? 'selectedReplyMessage' : null }"></div>

这样做可以达到你想要的输出。使用三元运算符并放置值。

【讨论】：