我在我的HTML文件中遇到过这种代码,在这里,我只是想了解这个data-bind
属性及其values
是什么(例如:{{1} })。它在这做什么?任何人都要善解释。
visible: tabs.active().value === 'sourceXml'
答案 0 :(得分:8)
<强>洁肤强>
1。) data-bind
属性不是jQuery - 它是一个几乎独占于knockout.js (source)的HTML5属性。数据绑定允许knockout.js轻松地将变量与DOM元素相关联,应用模板方案,甚至应用条件样式。
jQuery有一个类似命名的.data()
方法,允许您访问元素的data
属性,但这与data-bind
不同。
jQuery Docs详细介绍.data()
方法,但请注意&#34; jQuery 1.4.3 HTML5数据属性将自动引入jQuery&#39; s数据对象&#34; (强调我的)。 这不是data-binding
特有的。在jQuery中使用data-binding
没有特殊效果。
点是什么?
2。)&#34;可见&#34;和&#34;模板&#34; bits只是解释了knockout.js应该对绑定数据做什么。有很多选项,例如一个易于理解的选项text
(source):
<div>My favorite string is: <span data-bind="text: myString"></span></div>
基本上,只要knockout.js加载模板,我们就准备将变量myString
应用到页面。
关于文档所说的visible
,&#34;可见绑定会导致关联的DOM元素根据您传递给绑定的值隐藏或显示34> ( source)。
同样,template
&#34;使用呈现模板的结果填充关联的DOM元素&#34; (source)
因此,您的示例是检查正在使用的模板,在div
中构建它,然后使其可见(同时隐藏其他&#34;未使用的&#34;模板)。强>