knockoutjsでプレフィックスを含むid属性を設定する
2023-07-11 10:42:45
質問
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
はKnockoutのobservable関数で埋め尽くされてしまうのですが。
そこで質問なのですが、このように
id
属性を指定する際に、プレフィックスを追加するにはどうすればよいのでしょうか?
どのように解決するのですか?
もし
Id
がobservableであれば、quot;unwrap"する必要があります。
'myprefix_' + Id()
.
関連
-
[解決済み] ノックアウト 観測可能な複雑なオブジェクトのあらゆる変化に対応するサブスクライブ
-
[解決済み] Knockout JSのデータバインドをロストフォーカスの代わりにキープレスで行うにはどうしたらいいですか?
-
[解決済み] ViewModel の boolean プロパティの否定("!")に visible をデータバインディングすることは可能でしょうか?
-
[解決済み] どのようにすれば、observableから自動的にトリガーされることなく、ビューの更新を強制することができますか?
-
[解決済み] ko.utils.unwrapObservableはいつ使うのか?
-
[解決済み] 観測可能な配列の中の項目を条件付きでプッシュするには?
-
[解決済み] 1つの要素に複数のデータバインド属性を持たせるには?
-
[解決済み] ノックアウトバインディングでselect時にイベントを変更したいのですが、本当に変更されているかどうかを知るにはどうしたらいいですか?
-
[解決済み] Knockout.js のバインド入力で jquery .val('xyz') を使用すると入力値が更新されない。
-
[解決済み] 同じ観測値のサブスクライブで、その観測値の前回値を取得する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] ノックアウト 観測可能な複雑なオブジェクトのあらゆる変化に対応するサブスクライブ
-
[解決済み] ViewModel の boolean プロパティの否定("!")に visible をデータバインディングすることは可能でしょうか?
-
[解決済み] どのようにすれば、observableから自動的にトリガーされることなく、ビューの更新を強制することができますか?
-
[解決済み] KnockoutJSによるTypeScript
-
[解決済み] 観測可能な配列の中の項目を条件付きでプッシュするには?
-
[解決済み] ノックアウトバインディングでselect時にイベントを変更したいのですが、本当に変更されているかどうかを知るにはどうしたらいいですか?
-
[解決済み] Knockout.js のバインド入力で jquery .val('xyz') を使用すると入力値が更新されない。
-
[解決済み] 同じ観測値のサブスクライブで、その観測値の前回値を取得する。