如何在一个元素上具有多个数据绑定属性
How to have multiple data-bind attributes on one element?
我需要在一个元素上有多个数据绑定。例如,我想要一个href
以及一个a
标签上的html
数据绑定。我试过这个,
<a data-bind="html: name"
data-bind="attr: { href: url }"
data-bind="attr: { 'data-prop': xyz }">
</a>
但这行不通。似乎 KNOCKOUT 只支持绑定一个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 }">
这就是我使用数据绑定实现源属性和单击事件的方式。您可能会发现它很有用。
<img data-bind="{click: function(data, event) {ESVendorWidget.loadFunction(data,event)},
attr: {src: $data.Photo.PhotoUrl }}"
alt="package pic" class="big" />
我只是使用:
<input type="checkbox"
data-bind="click: callFunction(), checkedValue: 0, checked: Card.Days">
复选框元素。
您可以使用
如下所示,
使用多个属性
<a data-bind="attr: { href: url, id: id , class: classvalue}">
像这样的对象
{ url: 'http://stackoverflow.com', id:'newid' , classvalue: 'classname' }
你可以
像下面这样使用
data-bind="text: method.method_title, attr: {'id': 'label_method_' +method.method_code}">
相关文章:
- 基本D3.js:如何将具有其他属性的数据绑定到元素
- 使用自定义数据属性或将数据绑定到处理程序来处理事件
- JavaScript HTMLElement 属性上的数据绑定 在 Polymer 中
- 聚合物 - 在重复模板中获取数据绑定属性值
- 如果指令包含在另一个指令中,我如何在隔离范围内添加双向数据绑定属性
- 如何使用Plates模板引擎将数据绑定到对象数组内的属性
- Angular2-类属性上的双向数据绑定
- 数据绑定禁用属性在 foreach 内的按钮中不起作用
- AngularJS 2 - 内部属性数据绑定 - 异常:类型错误:无法读取未定义的属性
- 将数据绑定到基于对象属性的现有元素数
- Angular2 - 组件变量/组件类属性上的双向数据绑定
- 从数据绑定属性迭代键值对
- 如何在一个元素上具有多个数据绑定属性
- 为什么对象上的“.show”属性会搞砸基于该对象的数据绑定
- 如何在运行时创建不带数据属性的挖空数据绑定
- HTML 元素的 “dir” 属性 (rtl/ltr) 的数据绑定
- 如何将视图数据绑定到模型属性
- “数据绑定”是否是一个严格的仅淘汰属性
- 挖空添加我自己的数据绑定属性,如 With
- 聚合物,在构造函数中使用属性数据绑定