WeX5数据绑定:attr绑定

优质
小牛编辑
142浏览
2023-12-01

attr绑定是用来为html元素绑定属性值的,这种绑定非常有用,例如我们需要想一个元素添加title属性,或者为img标签添加src属性。

示例代码:

//.W片段
<a bind-attr="{ href: url, title: details }">
 Report
 </a>
//js片段
this.url=justep.Bind.observable("year-end.html"),
this.details=justep.Bind.observable("Report including final year-end statistics")

绑定规则:向元素添加指定的属性,如果属性值为null,或undefined,则不会创建这个为元素创建属性。

另外,如果属性的名称不是合法的JavaScript变量,则需要用引号包裹起来,例如:

<div bind-attr="{ 'data-something': someValue }">...</div>