简单绑定
复制代码 代码如下:
today's message is:
ko将参数值会设置在元素的innertext (ie)或textcontent(firefox和其它相似浏览器)属性上。原来的文本将会被覆盖。
如果参数是监控属性observable的,那元素的text文本将根据参数值的变化而更新,如果不是,那元素的text文本将只设置一次并且以后不在更新。
如果你传的是不是数字或者字符串(例如一个对象或者数组),那显示的文本将是yourparameter.tostring()的等价内容。
使用函数或者表达式来决定text值
继续在上面的viewmodel中添加一个属性,并且添加一个依赖监控属性
复制代码 代码如下:
price: ko.observable(24.95)
viewmodel.pricerating = ko.dependentobservable(
function () {
return this.price() > 50 ? expensive : affordable;
}, viewmodel);
添加一个ui页面元素进行绑定
复制代码 代码如下:
the item is today.
现在,text文本将在“expensive”和“affordable”之间替换,取决于价格怎么改变。
关于html encoding
因为该绑定是设置元素的innertext或textcontent (而不是innerhtml),所以它是安全的,没有html或者脚本注入的风险。例如:如果你编写如下代码:
复制代码 代码如下:
viewmodel.mymessage(hello, world!);
它不会显示斜体字,而是原样输出标签。如果你需要显示html内容,请参考html绑定.
关于ie 6的白空格whitespace
ie6有个奇怪的问题,如果 span里有空格的话,它将自动变成一个空的span。如果你想编写如下的代码的话,那knockout将不起任何作用。