Knockout: Modifier la valeur observable

Question

J'utilise une configuration requirejs/crossroads.

Ceci est mon bootstrapping avec quelques propriétés globales:

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

Lorsque vous appelez la fonction setLoadingState à partir de composants (passé par params), il me dit que loading est pas une fonction/undefined.

Quelle est la bonne façon de mettre en œuvre de tels mécanismes?

Answer 1

Notez que dans votre exemple (simplifié?), Vous n'avez pas besoin d'une méthode supplémentaire car elle ne fait que transmettre à loading, qui peut être appelée directement.

---

Soit utiliser une classe comme modèle pour vous assurer que this fait référence à votre modèle de vue comme ceci:

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));

(vous pouvez aussi utiliser la syntaxe class plus moderne)

Ou utiliser des objets simples via une fonction "usine":

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));