1. ホーム
  2. knockout.js

knockoutjsでプレフィックスを含むid属性を設定する

2023-07-11 10:42:45

質問

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

これはすべて動作します。しかし、問題なのは、オブジェクトに idbutton を単なる数字に置き換えます。つまり、こんな感じです。

<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 はKnockoutのobservable関数で埋め尽くされてしまうのですが。

そこで質問なのですが、このように id 属性を指定する際に、プレフィックスを追加するにはどうすればよいのでしょうか?

どのように解決するのですか?

もし Id がobservableであれば、quot;unwrap"する必要があります。 'myprefix_' + Id() .