は、私はこのように、オブジェクトを反復処理するためにKnockoutJSを使用してい接頭

Question

含むknockoutjsとid属性を設定します。しかし、私が持っている問題は、buttonのidを数字に設定していることです。だから、次のようになります。

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

だから私はそうのように、「ID」プロパティの前に接頭辞を入れてみました：

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

しかし、それは動作していないようです。私のidは、私がそれを好きなときにいくつかのノックアウト観測可能な関数でいっぱいになる...

私の質問は、フィールドのid属性を指定するとどうやって追加できますか？

Answer 1

Idが観測可能な場合は、「unwrap」する必要があります。'myprefix_' + Id()。

Answer 2

私はそれが例えば実際、今日これを使用

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

Answer 3

$インデックスを使用するのが最善だと思う - 私がしなければならなかった、観察をアンラップする：

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

・ホープ、このことができますし。

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