Установка атрибута id с помощью knockoutjs, включая префикс

Я использую 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 атрибут поля?

66
knockout-2.0 knockout.js

4 ответов

Если Id является наблюдаемым, вы должны "развернуть" его:'myprefix_' + Id().

54

фактически использовал это сегодня-чтобы развернуть наблюдаемое, что я должен был сделать:

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

надеюсь, что это помогает.

59

Я думаю, что лучше использовать $индекс, например

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

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