knockout.js 选件
示例
使用此绑定为选定项目构建选项
<select data-bind="options: gasGiants"></select>
<script type="text/javascript">
var viewModel = {
gasGiants: ko.observableArray(['Jupiter', 'Saturn', 'Neptune', 'Uranus'])
};
</script>
您还可以使用数组内的属性在列表中显示和在viewModel中保存：optionsText启用自定义显示文本
optionsValue 设置对应的value属性 <option>
value 将所选选项的值存储到viewModel的可观察对象中
<select data-bind="options: gasGiants, optionsText:'name', optionsValue:'id', value:selectedPlanetId"></select>
<script type="text/javascript">
var viewModel = {
selectedPlanetId: ko.observable(),
gasGiants: ko.observableArray([{name:'Jupiter', id:'0'},
{name:'Saturn', id:'1'},
{name:'Neptune', id:'2'},
{name:'Uranus', id:'3'}])
};
</script>
要存储多选列表的结果，可以将选项绑定与selectedOptions绑定结合使用。
<select data-bind="options: gasGiants, selectedOptions: chosenGasGiants" multiple="true"></select> <script type="text/javascript"> var viewModel = { gasGiants: ko.observableArray(['Jupiter', 'Saturn', 'Neptune', 'Uranus']) chosenGasGiants: ko.observableArray(['Jupiter','Saturn']) // 初始选择 }; </script>
-
注意： 此教程已从官方删除 这个快速上手指南会告诉你如何结合使用TypeScript和Knockout.js。 这里我们假设你已经会使用Node.js和npm 首先，我们新建一个目录。 暂时命名为proj，当然了你可以使用任何喜欢的名字。 mkdir proj cd proj 接下来，我们按如下方式来组织这个工程： proj/ ├─ src/ └─ built/ TypeScript源
-
Knockout 是个JavaScript library，帮助创建丰富的显示和编辑器UI，通过干净的底层数据模型。你可以在任何时候动态更新UI的选择部分。
-
本文向大家介绍knockout.js Foreach，包括了knockout.js Foreach的使用技巧和注意事项，需要的朋友参考一下 示例 与其他语言中使用的中继器相似。通过此绑定，您可以为数组中的每个项目复制html块。 请注意，当我们遍历上下文时，它成为数组中的项，在本例中为的实例contactViewModel。在一个范围内，foreach我们还可以访问 $parent -创建此绑定的
-
本文向大家介绍knockout.js Attr，包括了knockout.js Attr的使用技巧和注意事项，需要的朋友参考一下 示例 使用attr绑定将任何其他属性应用于元素。最常用于设置href，src或任何数据属性。
-
本文向大家介绍knockout.js ngShow，包括了knockout.js ngShow的使用技巧和注意事项，需要的朋友参考一下 示例 用于动态显示/隐藏元素的AngularJS代码： 相当于KnockoutJS：
-
本文向大家介绍knockout.js 文本，包括了knockout.js 文本的使用技巧和注意事项，需要的朋友参考一下 示例 该text可与任何元素来更新它的的innerText使用绑定。 的text结合也可与虚拟元素使用。