Setting the id attribute with knockoutjs including a prefix

Question

I\'m using KnockoutJS to iterate over an object, like this:

Now this all works. But the problem i have is that it sets the id of the butto

Answer 1

I think it's best to use the $index for example

<div data-bind="foreach:Items">
    <button data-bind="text: Name, attr: {id: 'myprefix_' + $index() }"></button>
</div>

Answer 2

If Id is an observable, you must "unwrap" it: 'myprefix_' + Id().

Answer 3

Actually used this today - to unwrap the observable I had to do:

<button data-bind="attr: { id: 'prefix_' + $index() }"> Send </button>

Hope this helps.

Answer 4

       <img data-bind="event: {click: $root.afficherDetailmembreFamille}" src="ucc/gestion_Famille/images/arbre-fleche-off.png" />

          <label data-bind=" text: nom"></label>
          <label data-bind=" text: prenom, click: $root.afficherDetailmembreFamille"></label>
  <br>

   <div data-bind="attr: {'id': 'DivMembreFamille'+id}" style="margin-left: 40px; display: none;">