Question

我使用requirejs / crossroads设置。

这是我的一些全局属性的引导：

ko.applyBindings({
    route: router.currentRoute,
    user: {
        ...
    },
    ...
    loading: ko.observable(false),
    setLoadingState: function(newState) {
        this.loading(newState);
    }
});

从组件调用setLoadingState函数（通过params传递）时，它告诉我loading不是函数/ undefined。

实施此类机制的正确方法是什么？

Answer 1

请注意，在您的（简化？）示例中，您不需要其他方法，因为它只转发到loading，可以直接调用。

使用类似模式的类来确保this引用您的视图模型，如下所示：

var MyApp = function(router) {
  this.route = router.currentRoute,
  this.loading = ko.observable(false);
};

MyApp.prototype.setLoadingState = function(newState) {
    this.loading(newState);
};


ko.applyBindings(new MyApp(router));

（您也可以使用更现代的class语法）

或者，通过“工厂”功能使用普通对象：

var MyApp = function(router) {
  var route = router.currentRoute,
  var loading = ko.observable(false);
  var setLoadingState = function(newState) {
    loading(newState);
  };
  
  // Expose what you want to expose:
  return {
    loading: loading,
    setLoadingState: setLoadingState
  };
};

ko.applyBindings(MyApp(router));

淘汰赛：改变可观察的价值

1 个答案: