KNOCKOUTJS订阅不起作用

Question

我正在使用knockoutjs，我是新手。 我想根据下拉列表所选值更改模型数据。因此，在我的 AppModel 中，我正在订阅要更改的数组。但它不起作用？。这是我的代码：

var filteredStocks  = [];
function viewModel(model) {
        this.isGeneral = ko.observable(model.generalStockEnabled);
        this.stocks = ko.observable();;
        if (model.generalStockEnabled === true)
        {
            filteredStocks = $.grep(model.stocks, function (v) {
                return v.sourceID === -1;
            });
        }
        else
        {
            filteredStocks = $.grep(model.stocks, function (v) {
                return v.sourceID !== -1;
            });
        }
        // If drop downlist changed
        var dropDownListSelectedValue = $('#enableGeneratInventorydl :selected').val();
        this.stocks.subscribe(function () {
            if (dropDownListSelectedValue === "True") {
                filteredStocks = $.grep(model.stocks, function (v) {
                    return v.sourceID === -1;
                });
                this.stocks(filteredStocks)
                this.isGeneral(true);
            }
            else
            {
                filteredStocks = $.grep(model.stocks, function (v) {
                    return v.sourceID !== -1;
                });
                this.stocks(filteredStocks)
                this.isGeneral(false);
            }
        }, this);
        this.stocks = ko.observableArray(filteredStocks);

当我更改下拉列表值时。股票价值保持不变？

任何帮助不胜感激。

Answer 1

出现此问题是因为您要将stocks变量重新分配给另一个可观察量。所以你首先要做：

this.stocks = ko.observable();

然后订阅这个可观察量。但稍后你这样做：

this.stocks = ko.observableArray(filteredStocks);

这会将stocks与另一个可观察量相关联。订阅将针对原始可观察对象，即第一个分配中的订阅。有关较短的示例，请参阅此小提琴：http://jsfiddle.net/9nGQ9/2/

解决方案是替换this.stocks = ko.observable();

与this.stocks = ko.observableArray();

并更换this.stocks = ko.observableArray(filteredStocks);

与this.stocks(filteredStocks);