javascript - 在Select脚本中调用Knockout计算得出的Var时，如何定义？

我这里有一个JavaScript与KnockOut JS：

JSFiddle

如您所见，在JS脚本中，有一个Select self.langSet

然后由三个ko.computed函数使用：i1Txt，i2Txt，i3Txt

然后是另一个下拉列表self.selectionSet，其中theDropTxt值必须分别采用i[1-3]Txt。

我的问题：
我知道在使用i1Txt()，i2Txt()，i3Txt()之前-我需要先验证它们的定义，就像

if (self.setLang()) {
        if (self.setLang().langTxt == "English") {
            return "Two Fifty";
        }
        if (self.setLang().langTxt == "Français") {
            return "Deux cent cinquante";
        }
    }
    return null;

其中在使用self.setLang()之前已验证self.setLang().langTxt是否已定义。

我尝试这样做：

if (i1Txt() && i2Txt() && i3Txt()) {
self.selectionSet = [{
    theDropTxt: i1Txt(),
    theDropVal: selVal1
}, {
    theDropTxt: i2Txt(),
    theDropVal: selVal2
}, {
    theDropTxt: i3Txt(),
    theDropVal: selVal3
}];
}
self.setDrops = ko.observable();

JSFiddle

（大声笑）

但这全是错的。我该怎么办？

最佳答案

我建议用另一种方法解决这个问题。值来自语言：为什么您可以更紧密地将语言和值结合在一起，为什么还要创建计算字段？

http://jsfiddle.net/Quango/m80L37y8/

首先，我为每种语言添加了一个values属性，该属性在数组中具有您想要的文本：

self.langSet = [{
    langTxt: "English",
    langVal: langVal1,
    values: [{
        theDropTxt: "Three Twenty",
        theDropVal: selVal1
    }, {
        theDropTxt: "Four Eighty",
        theDropVal: selVal2
    }, {
        theDropTxt: "Two Fifty",
        theDropVal: selVal3
    }]
}, {
    langTxt: "Français",
    langVal: langVal2,
    values: [{
        theDropTxt: "Trois-cent Vingt",
        theDropVal: selVal1
    }, {
        theDropTxt: "Quatre cent quatre-vingt",
        theDropVal: selVal2
    }, {
        theDropTxt: "Deux cent cinquante",
        theDropVal: selVal3
    }]
}];

我将selectionSet更改为一个observableArray

self.selectionSet = ko.observableArray([]);

最后，我在可观察的setLang中添加了.subscribe，以便我们可以发现它何时发生变化：

// subscribe to changes in language and change selections
self.setLang.subscribe(function (newValue) {
    // change the array
    self.selectionSet(newValue.values);
});

更改setLang后，将触发订阅。然后，这会将第二个下拉列表源更改为使用新语言。我认为这是使用计算值的更整洁的解决方案。