[javascript] 如何在一個元素上擁有多個數據綁定屬性?


Answers

這就是我如何使用數據綁定實現源屬性和單擊事件。 你可能會覺得它很有用。

<img data-bind="{click: function(data, event) {ESVendorWidget.loadFunction(data,event)},
                 attr: {src: $data.Photo.PhotoUrl }}"
     alt="package pic" class="big" />
Question

我需要在一個元素上有多個數據綁定。 例如,我想要一個href以及a標籤上的html數據綁定。 我試過這個,

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

但這不起作用。 看來淘汰賽只支持綁定一個 data-bind屬性? 如何在一個元素上綁定href ,內部html和自定義的“ data-prop ”屬性?




您可以使用多個屬性,如下所示

<a data-bind="attr: { href: url, id: id , class: classvalue}">

像這樣的對象

{ url: 'http://.com', id:'newid' , classvalue: 'classname' }



Related