knockout.js - 将现有的选择选项绑定(bind)到 Knockout View 模型

Question

我是 Knockout.js 的新手，所以这可能是个愚蠢的问题。

我正在通读绑定(bind)文档，尤其是 options binding .它说在应用绑定(bind)时:

Any previous options will be removed.

有没有办法保留现有的选项？

<select data-bind="options: availableOptions, optionsText: 'name', value: selectedOption">
    <option value="1">One</option>
    <option value="2" selected>Two</option>
</select>

<script type="text/javascript">
    var option = function(name, value) {
        this.name = name;
        this.value = value;
    };
    var viewModel = {
        availableOptions : ko.observableArray([]),
        selectedOption : ko.observable()
    };
</script>

Answer 1

根据 Niko 的建议，我想答案是最好避免将声明性绑定(bind)与静态数据混合使用。如果 View 不太可能更改，请将数据放在 View 中(select 上的选项元素)。如果它是动态的，将数据放入 KO View 模型。

在我的场景中是前者:

<select data-bind="value: selectedOption">
    <option value="1">One</option>
    <option value="2" selected>Two</option>
</select>

<script type="text/javascript">
    var viewModel = {
        selectedOption : ko.observable()
    };
</script>