javascript - 将选择选项绑定(bind)到全局变量/数组？

Question

假设我有以下 JavaScript:

var Option = (function ()
{
        function Option(value, text)
        {
            this.value = value;
            this.text = text;
        }

        return Option;
})();

var QuestionTypes = (function ()
{
    QuestionTypes.chooseOne = new Option("ChooseOne", "Choose One");
    QuestionTypes.chooseMany = new Option("ChooseMany", "Choose Many");
    QuestionTypes.text = new Option("Text", "Text");
    QuestionTypes.all = function ()
    {
        return
        [
            QuestionTypes.chooseOne, 
            QuestionTypes.chooseMany, 
            QuestionTypes.text
        ];
    };

    return QuestionTypes;
})();

这个 HTML:

<select data-bind="value: type, options: QuestionTypes.all, optionsValue: value, optionsText: text" />

因此，select 绑定(bind)到我的“静态”变量QuestionTypes。我希望生成的 select 看起来像这样:

<select data-bind="value: type, options: QuestionTypes.all, optionsValue: value, optionsText: text">
    <option value="ChooseOne">Choose One</option>
    <option value="ChooseMany">Choose Many</option>
    <option value="Text">Text</option>
</select>

基本上，我如何绑定(bind)到全局而不是模型本身的东西？

Answer 1

您可以很好地绑定(bind)到全局变量。就像其他地方一样，它们可以在绑定(bind)中使用。

您的示例中的问题是 optionsValue 和 optionsText 需要是字符串。

options: QuestionTypes.all, optionsValue: 'value', optionsText: 'text'