使用击倒文本绑定DOM的方法

简单绑定
复制代码代码如下所示:
今天的信息是:


VaR模型= { {
我:ko.observable()
};
viewmodel.mymessage(你好,世界!;
Ko.applyBindings(ViewModel);


高设置的参数值对元素的innerText(IE)或文本(Firefox和其他类似的浏览器)的性质。原文将覆盖。
如果参数是可观察到的监视器属性,则元素的文本文本将根据参数值的变化进行更新。如果没有,元素的文本文本只设置一次,以后不会更新。
如果你发送的数字或字符串,如对象或数组,显示的文本将yourparameter.tostring等效内容()。
使用函数或表达式来确定文本值。
继续添加属性到上述ViewModel和添加依赖监测性能
复制代码代码如下所示:
价格:ko.observable(24.95)
viewmodel.pricerating = ko.dependentobservable(
函数(){
返回this.price()> 50贵:实惠;
},ViewModel);

添加用于绑定的UI页面元素
复制代码代码如下所示:
今天是这个项目。

现在,文本文本将被替换为昂贵和负担得起的,这取决于价格如何变化。
关于HTML编码
因为结合innerText或文本内容(而不是innerHTML)设置的元素,它是安全的,没有HTML或脚本注入的风险。例如:如果你写下面的代码:
复制代码代码如下所示:
viewmodel.mymessage(你好,世界!;

它不显示斜体字,但显示原始输出标签。如果需要显示HTML内容,请参阅HTML绑定。
在IE 6的空格空格
IE6有一个奇怪的问题。如果在跨度中有一个空格,它会自动变成空的跨度。如果你想写下面的代码,击倒不会起任何作用。