Festlegen des id-Attributs mit knockoutjs einschließlich eines Präfixes

Ich verwende KnockoutJS, um ein Objekt wie folgt zu durchlaufen:

Jetzt funktioniert das alles. Aber das Problem, das ich habe, ist, dass es das idvon buttonnur auf eine Zahl setzt. So sieht es aus:

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

Also habe ich versucht, ein Präfix vor die 'Id'-Eigenschaft zu setzen, wie folgt:

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

Aber das scheint nicht zu funktionieren. idWenn ich es so mache, wird meine Funktion mit einer beobachtbaren Knockout-Funktion gefüllt ...

Meine Frage ist also, wie kann ich ein Präfix hinzufügen, wenn ich das idAttribut eines Feldes spezifiziere ?

Wenn Idein Observable ist, müssen Sie es "auspacken" : 'myprefix_' + Id().

Habe das heute tatsächlich benutzt - um das Observable auszupacken, das ich tun musste:

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

Hoffe das hilft.

Ich denke, es ist am besten, zum Beispiel den $ -Index zu verwenden

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

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