knockout.js - Establecer el atributo id con knockoutjs incluyendo un prefijo

knockout-2.0

Question

Estoy usando KnockoutJS para iterar sobre un objeto, como este:

Ahora todo esto funciona Pero el problema que tengo es que establece la id del button solo en un número. Entonces se ve así:

<button id="1">Button 1</button>
<button id="3">Button 2</button>
<button id="8">Button 3</button>

Así que traté de poner un prefijo delante de la propiedad ''Id'', así:

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

Pero eso no parece estar funcionando. Mi id se llena con alguna función observable Knockout cuando lo hago así ...

Entonces mi pregunta es, ¿cómo puedo agregar un prefijo cuando especifico el atributo id de un campo?

Answer 1

Creo que es mejor usar el índice $ por ejemplo

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

Answer 2

En realidad usé esto hoy - para desenvolver lo observable que tenía que hacer:

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

Espero que esto ayude.

Answer 3

Si Id es un observable, debe "desenvolverlo": ''myprefix_'' + Id() .

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;">