我正在创建一个 SPA,我正在使用淘汰赛 js 作为视图模型的东西。我还在使用 Sammy js 进行路由和导航。
我使用 learn.knoutjs.com 来了解如何创建 SPA。在这方面,他们将主视图模型作为一个函数:
function mainViewModel() {
// insert other view models in here
Sammy(function () {
// initialise Sammy routes here
});
}
我在我的代码中使用对象而不是函数:
var mainViewModel = {
// insert other view models in here
}
我这样做是出于个人喜好。ko.applyBindings
对此很有用,我在另一个文件中附加了一个视图模型,mainViewModel
然后它通过敲除绑定。
但是,在处理函数时,它会被初始化并运行,因此Sammy(function () {})
会被触发。使用该var
方法,它没有,我如何让它做到这一点,因为在它内部Sammy(function () {})
它需要使用,mainViewModel
但显然它在页面加载时还没有被初始化。
如何放入Sammy
方法var
并使其初始化?
我有这个代码:
var personViewModel = {
init: function () {
this.person = ko.observable(new this.personModel({firstname:"callum", lastname:"linington"}));
},
personModel: function (data) {
var self = this;
self.firstname = ko.observable(data.firstname);
self.lastname = ko.observable(data.lastname);
self.fullname = ko.computed(function () {
return this.firstname + " " + this.lastname;
}, this);
},
person: new Object()
};
然后:
var mainViewModel = {
init: function () {
// do sammy stuff
},
personViewModel: personViewModel.init()
}
ko.applyBindings(mainViewModel.init());
但它是说:
未捕获的 TypeError:无法解析绑定。绑定值:带有:$root.personViewModel.person 消息:无法读取未定义的属性“personViewModel”