Définition de l'attribut id avec knockoutjs incluant un préfixe

Question

J'utilise KnockoutJS pour itérer sur un objet, comme ceci :

Maintenant, tout cela fonctionne. Mais le problème que j'ai, c'est qu'il fixe le paramètre id de la button à un simple numéro. Donc ça ressemble à ça :

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

J'ai donc essayé de mettre un préfixe devant la propriété 'Id', comme ceci :

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

Mais ça n'a pas l'air de fonctionner. Mon id se remplit avec une fonction observable de Knockout quand je fais comme ça...

Ma question est donc la suivante : comment puis-je ajouter un préfixe lorsque je spécifie l'adresse IP de l'utilisateur ? id d'un champ ?

Answer 1

Je m'en suis servi aujourd'hui, pour déballer l'observable que je devais faire :

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

J'espère que cela vous aidera.

Answer 2

Si Id est une observable, vous devez la "déballer" : 'myprefix_' + Id() .

Answer 3

Je pense que c'est mieux d'utiliser le $index par exemple

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