如何在一个元素上有多个数据绑定属性？

我需要在一个元素上有多个数据绑定。 例如，我想要一个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 ”属性？

Answer 1

喜欢这个：

 <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 }"> 

Answer 2

这是我如何使用data-bind实现源属性和单击事件。 你可能会觉得它很有用。

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

Answer 3

我只是使用：

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

为checkbox元素。

Answer 4

您可以使用多个属性,如下所示

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

这样的对象

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