79

KnockoutJSを使用して、次のようにオブジェクトを反復処理しています。

これですべて機能します。しかし、私が抱えている問題はid、のbuttonを単なる数値に設定することです。したがって、次のようになります。

<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フィールドの属性を指定するときにプレフィックスを追加するにはどうすればよいですか？

4

4 に答える 4

74

実際に今日これを使用しました-私がしなければならなかったオブザーバブルをアンラップするために：

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

お役に立てれば。

于 2013-12-19T01:13:52.703 に答える
58

が観察可能である場合Idは、それを「アンラップ」する必要があります'myprefix_' + Id()。

于 2012-09-20T08:23:38.157 に答える
29

たとえば、$indexを使用するのが最善だと思います

<div data-bind="foreach:Items">
    <button data-bind="text: Name, attr: {id: 'myprefix_' + $index() }"></button>
</div>
于 2013-11-14T19:32:17.137 に答える
-1 

       <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;">
于 2017-04-19T09:23:38.677 に答える