conditional attribute using knockout.js

Question

I want to conditionally add a ID attribute to the div tag

I tried something like this

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

But it didnt work

Although this code

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

is working completely fine.But i want to associate ID with the component.

As mentioned in one of the answers, use ternary operator and set the id to `null` when you don;t want it to be shown. It should be `
` This will set the `id="selectedReplyMessage"` when the condition is `true` and the attribute won;t be added at all when the condition is `false` — adiga, Dec 08 '17 at 06:12
Yea it worked ,thanks .Should i post the answer or delete the post . It might help the upcoming people who are new to knockout and confused — manish kumar, Dec 08 '17 at 06:15

score 0 · Accepted Answer · answered Dec 08 '17 at 06:19

0

As mentioned by Adigo

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

Doing like this way you can acheive you desired output.Using ternary operator and putting the values.

answered Dec 08 '17 at 06:19

manish kumar

1 Answers1