[解決済み] 1つの要素に複数のデータバインド属性を持たせるには?
2023-01-02 03:26:58
質問
1つの要素に複数のデータバインディングが必要です。例えば、私は
href
と同じように
html
のデータバインディング
1
a
というタグを作成します。私はこれを試しました。
<a data-bind="html: name"
data-bind="attr: { href: url }"
data-bind="attr: { 'data-prop': xyz }">
</a>
しかし、これではうまくいきません。knockoutはバインディングをサポートしているのは
1
data-bind
というプロパティがあります。の両方をバインドするにはどうしたらいいですか?
href
と内側の
html
と、カスタムの "
data-prop
という属性があるのですか?
どのように解決するのですか?
このように
<a data-bind="html: name, attr: { href: url }">
カンマ区切りのバインディングを使用します。属性は、オブジェクトを渡すのと同じです。
{
html: name,
attr: { href: url }
}
あるいは、複数の
attr
を一度にバインドすることもできます。
<a data-bind="html: name, attr: { href: url, 'data-prop': FullName }">
関連
-
[解決済み】ある要素を別の要素に移動させるには?
-
[解決済み] jQueryを使って要素のIDを取得するにはどうすればよいですか?
-
[解決済み] 要素外でのクリックを検出するにはどうすればよいですか?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryで複数のクラスを持つ要素を選択するにはどうすればよいですか?
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] jQueryで名前を指定して要素を選択するには?
-
[解決済み] スクロールした後に要素が表示されているかどうかを確認するには?
-
[解決済み] jQueryでdata属性で要素を選択する
-
[解決済み] jQuery データ属性の値に基づいて要素を検索する方法は?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Javascriptによるタッチスクリーンデバイスの検出
-
[解決済み] Angularjs - 現在の日付を表示する
-
[解決済み] JSXとLoadshを使用して、ある要素をn回繰り返す方法
-
[解決済み] オブジェクトの配列からReactコンポーネントをレンダリングする
-
[解決済み] サブドメインにまたがってlocalStorageを使用する
-
[解決済み] JavaScript のオブジェクトの配列を比較し、最小値/最大値を取得する
-
[解決済み] Chromeのwebkitインスペクタで「Unsafe JavaScript attempt to access frame with URL...」というエラーが継続的に発生する。
-
[解決済み] Javascript の parseInt() で先頭のゼロを削除する。
-
[解決済み] V8 Javascript エンジンのスタンドアロン実行
-
[解決済み] angularで1つの要素に複数のテンプレートバインディングを適用する方法 [重複].