html - knockout.js 数据绑定(bind)不能同时具有模板和值

Question

我尝试在 <select> 上使用模板控制但它不起作用。这是不起作用的代码。

<select data-bind="template: { name: 'os-template-detail', foreach: operatingSystems },
        value: selectedOperatingSystem"></select>

但是当我使用普通绑定(bind)时它运行良好。

<select data-bind="options: operatingSystems,
        optionsText: function (item) {
            return item.Name
        },
        value: selectedOperatingSystem"></select>

所以，我想知道我是否做错了什么，或者这只是框架的限制。

更新它们都显示操作系统列表。问题是当我在第一个组合框上选择操作系统时，它不会更新其源，而第二个组合框会更新其源。

Answer 1

我认为您错过了指定 operatingSystems 的方式列表和你的 os-template-detail应该组成一个 option元素。您的绑定(bind)的问题是 knockout 试图列出 <select>标记而不是 option标签。

这可能有效:

<select data-bind="foreach: operatingSystems">
    <option data-bind="template: {name: 'os-template-detail', data: $data}">
</select>

我还建议使用 Durandal的组合而不是 knockout 模板。 This link介绍了如何将您的 Knockout 与 durandal 集成。