knockout.js - Knockoutjs - 使用映射插件订阅

Question

我正在使用淘汰赛映射插件，以前我会像这样设置订阅

self.selectedProduct.subscribe(function (name) {

}
  but I'm unsure of how to do this in this format below. The message I get is

“缺少：在属性 ID 之后”

 var viewModel = {

    products: ko.mapping.fromJS([]),
    productOptions: ko.mapping.fromJS([]),
    productOptions.subscribe = function (name) {
        alert('somthing change');
    },
    loadInitialData: function () {
        ko.mapping.fromJS(serverData, viewModel.productOptions);
    }
  }

Answer 1

如果您将视图模型定义为对象文字，那么您不能像内联那样进行函数调用。您必须在创建视图模型后执行此操作，或者以不同的方式创建视图模型。

如果你后来这样做，那么它看起来像：

  var viewModel = {
    products: ko.mapping.fromJS([]),
    productOptions: ko.mapping.fromJS([]),
    loadInitialData: function () {
        ko.mapping.fromJS(serverData, viewModel.productOptions);
    }
  };

   viewModel.productOptions.subscribe = function (name) {
        alert('somthing change');
   };

如果您使用构造函数创建视图模型，那么它看起来像：

var ViewModel = function() {
    this.products = ko.mapping.fromJS([]);
    this.productOptions = ko.mapping.fromJS([]);
    this.productOptions.subscribe = function(name) {
         alert("something change");
    };

    this.loadInitialData = function() {
        ko.mapping.fromJS(serverData, this.productOptions);
    };
};


var viewModel = new ViewModel();