javascript - 从 ajax 调用获取数据后，knockout.js 更新 optionstext

Question

我正在寻找一种在从 ajax 调用收到数据后更新选择元素的 optionsText 的方法。

我有一个我认为是一个相当标准的选择元素视图设置，它具有多个关联的字段和复选框。

在进行 ajax 调用以获取数据之前，我使用 optionsText 属性设置“正在加载数据...”选项，一旦数据调用完成，我想删除 optionsText 并将选择选项设置为第一个“真实”列表中的一个，也就是我的数据调用返回的数组中的第一个元素。

如果不删除 optionsText，我想至少将其更改为“Pick a foobar”，以便用户知道数据调用已完成。

有人有想法么？谢谢！

Answer 1

您只需按照此处所做的那样更改选项模型的值

var vm=function(){
    var self=this;
    self.selected=ko.observable();
    self.options=ko.observable([{txt:'Loading',val:-1}]);
    self.status=ko.observable('Loading');
    self.init=function(){
        setTimeout(function(){
             self.status('Loaded');
            self.options([
                {txt:'First Option',val:0},{txt:'2nd Option',val:1}]);
        },1000);
    }
    self.init();
}
ko.applyBindings(new vm());

http://jsfiddle.net/dhanasekaran/SRLvj/