错误提示:
Uncaught ReferenceError: Unable to process binding "with: function (){return TaskVM }"
Message: TaskVM is not defined
绑定在页面中的写法:
<table class="table table-bordered table-striped scrollload-container" data-bind="with:TaskVM">
两种解决办法。第一种:若是在DOM 加载完成时执行,一定要在
ko.applyBindings 这一语句之前写。类似的写法如下:
$(function () {
page.VM.TaskVM = ko.mapping.fromJS([]);ko.applyBindings(page.VM); });
第二种:在$(function(){})之外定义,比如一般 ko.applyBindings 是在一个js 文件中写。并且网站每个页面都包含这个js文件。然后如果一个页面中用到TaskVM 绑定,可以这样写:$(function () { //do something }); page.VM.TaskVM = ko.mapping.fromJS([]);
这个原理是一样的,即page.VM.TaskVM = ko.mapping.fromJS([]); 这个定义都是要放在ko.applyBindings 代码之前。第一种一看就知道是在ko.applyBindings 之前。而第二种,牵涉到javascript 变量定义的执行原理。即无论是 var ma=2;这样的定义,还是page.VM.TaskVM = ko.mapping.fromJS([]); 一定是先于 DOM加载函数执行的。