模板中的 ObservableArray 在创建后未应用可见绑定

Question

无论出于何种原因，每当 GroupType 选择列表发生变化时，我都无法让淘汰赛触发可见更新。我有一个简化的示例如下：

<script id="process" type="text/x-jquery-tmpl">
    <select data-bind="value: GroupType">
        <option value="0">example 0</option>
        <option value="1">example 1</option>
        <option value="2">example 2</option>
        <option value="3">example 3</option>
    </select>
    <select data-bind="value: Group, visible: GroupType() == '2'">
        <option value="1">option 1</option>
        <option value="2">option 2</option>
    </select>
    <input type="text" data-bind="value: Group, visible: GroupType() != '2'"/>
</script>

<div data-bind="template { name: 'process', foreach: Processes }"></div>

<script type="text/javascript">
    var viewModel = {
        Processes: ko.observableArray([
            { GroupType: ko.observable("1"), Group: ko.observable("Blah") },
            { GroupType: ko.observable("2"), Group: ko.observable("1") }
        ])
    };

    ko.applyBindings(viewModel);
</script>

编辑 1： 我已经包含了下面建议的更改，但它不允许这两个项目切换，而是只显示最后一个项目，而不管所选的 GroupType

编辑2：我为此制作了一个jsFiddle：http://jsfiddle.net/2jjgH/

编辑 3（最终）：上面已进行编辑以反映下面的答案。

Answer 1

observableArrays 仅通知数组本身的更改（添加项目、删除项目、替换整个数组）。他们不跟踪个人财产。您需要创建 GroupType 和 Group observables 才能在您的场景中更新 UI。