代码释疑：以上通过ko.observableArray()这个方法添加了对数组对象的监控，也就是说，js里面任何地方只要对deptArr数组对象做了数组的改变，都会触发UI给出相应。需要注意的一点是，监控数组实际上是监控的数组对象本身，对于数组对象里面的子对象属性发生变化，是无法监控到的。比如我们将点击事件改成这样：
$(function () { $("#btn_test").on("click", function () { deptArr[1].Name = "aaa"; }); });
效果：
由此说明数组监控实际上监控的是数组对象本身，对于数组里面元素的属性变化不会监控。如果确实需要对数据里面对象的属性变化进行监控，需要再对数据里面对象属性使用ko.observable()，两者联合使用。有兴趣的可以试试。
4、ko里面常见的data-bind属性
上文中，我们使用了多个data-bind属性，那么在knockout里面，到底有多少个这种data-bind的属性呢。这里我们列出一些常用的属性。
4.1、text和inputText
text，顾名思义就是文本的意思，这个绑定属性一般用于<label>、<span>、<div>等标签显示文本，当然，如果你愿意，任何标签都可以使用这个绑定。它是使用基本上没什么好说的。如果没有使用ko.observable()，则是静态绑定，否则是动态绑定。
inputText，input标签的文本，相当于input标签的value属性。
<div> 姓名：<label data-bind="text:Name"></label><br /> 职业：<input type="text" data-bind="textinput:Profession" /> </div> //1.定义ViewModel var myViewModel = { Name: ko.observable("Lilei"), Profession: "软件工程师", }; //2.激活绑定 ko.applyBindings(myViewModel);
4.2、value
这个绑定属性一般用于input标签，和上面的inputText基本相似。只不过value更加规范。
和value一起使用的还有一个参数valueUpdate，它表示界面做一个什么操作的时候更新该value。valueUpdate主要取值有change/keyup/keypress/afterkeydown等。分别表示文本变化、键盘缩起、键盘按下、键盘按下之后等操作时候更新value对应的viewmodel的值。
姓名： <input type="text" data-bind="value:Name,valueUpdate:'keyup'" /><br /> var myViewModel = { Name: ko.observable("Lilei"), };//2.激活绑定 ko.applyBindings(myViewModel);
上述代码表示键盘收起的时候更新文本框的value属性和myViewModel的Name属性。
4.3、checked
checked绑定一般用于checkbox、radio等可以选中的表单元素，它对应的值是bool类型。和value的用法基本相似，就不做重复说明。
4.4、enable
enable绑定一般用于是否启用标签元素，一般用于表单元素的启用和禁用。和disabled相反，对应的值也是bool类型。
<div> <input type="text" data-bind="enable:IsMen"/> </div> <script type="text/javascript"> //1.定义ViewModel var myViewModel = { Name: ko.observable("Lilei"), Profession: ko.observable("软件工程师"), Age: ko.observable(40), IsMen:ko.observable(true) }; //2.激活绑定 ko.applyBindings(myViewModel); myViewModel.IsMen(false); </script>
由于IsMen属性变成了false，所有对应的文本框会显示禁用状态。
4.5、disabled
和enable相反，用法和enable类似。
4.6、options
上文中在使用select的绑定时候使用过options，它表示select标签的option的集合，对应的值为一个数组，表示这个下拉框的数据源。可以使用observableArray启用对这个数据源的监控。用法见上面。
4.7、html
text绑定实际上是对标签innerText的设置和取值，那么同理，html绑定也是对innerHTML的设置和取值。它对应的值为一段html标签。
4.8、css
css绑定是添加或删除一个或多个样式（class）到DOM元素上。使用格式：