100

1 つの要素に複数のデータ バインディングが必要です。たとえば、1 つのタグにデータバインディングhrefだけでなくa も必要です。私はこれを試しました、html a

<a data-bind="html: name" 
   data-bind="attr: { href: url }" 
   data-bind="attr: { 'data-prop': xyz }">
</a>

しかし、これはうまくいきません。ノックアウトは1 つの data-bindプロパティのバインドのみをサポートしているようです。href、inner html、およびカスタム " data-prop" 属性の両方を 1 つの要素にバインドする方法は?

4

5 に答える 5

136

このような：

<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 }">
于 2012-05-22T10:16:21.910 に答える
2

これは、データ バインドを使用してソース属性とクリック イベントを実装する方法です。役に立つかもしれません。

<img data-bind="{click: function(data, event) {ESVendorWidget.loadFunction(data,event)},
                 attr: {src: $data.Photo.PhotoUrl }}"
     alt="package pic" class="big" />
于 2013-01-15T15:01:42.840 に答える
1

私は単に使用します：

<input type="checkbox"
    data-bind="click: callFunction(), checkedValue: 0, checked: Card.Days">

チェックボックス要素の場合。

于 2015-02-26T10:43:13.773 に答える