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

Question

我需要在一个元素上有多个数据绑定.例如,我想要一个标签上href的html数据绑定以及数据绑定.我试过这个, a

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