1. ホーム
  2. javascript

[解決済み] 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 }">