15、前端框架：Knockout与AngularJS的深入解析

前端框架：Knockout与AngularJS的深入解析

1. Knockout框架详解

1.1 特殊绑定注释

在Knockout中，特殊绑定注释 ko if 和 ko ifnot 用于包裹模板的部分内容，以此来判断注释块内的元素是否应添加到页面。这些注释块会对视图模型上的属性进行评估，并相应地改变模板处理的控制流。这与 visible 元素绑定不同， visible 绑定只是隐藏DOM中已存在的元素。

1.2 输入列表组件

1.2.1 组件绑定

输入列表模板中的所有字段和按钮都绑定到输入列表视图模型的属性和方法。例如，当点击降级按钮时，输入列表视图模型会操作其内部的 items 集合，该集合实际上是食谱详情视图模型中 instructions 可观察数组的引用，通过 items 绑定实现共享。模板会根据 isOrdered 属性确定要显示的列表类型，而添加和删除控件则根据 enableAdd 和 enableRemove 属性进行切换。由于这些属性是从视图模型的 params 对象中读取的，因此可以将它们作为绑定属性添加到 <input-list> 组件标签中。这样，该组件就抽象并封装了对任何可表示为输入列表的集合所进行的所有操作。

1.2