我在knockout中从服务器控制器加载了一个列表，并正确地接收了该列表，我还打印了该列表，但是当将该数据放入多表html中时，出现了一个错误，显示“Uncaught TypeError：无法读取未定义”“的属性”push ...“
但如果我这样做，在一个按钮功能点击，一切都好，但我需要没有按下任何按钮。
<!DOCTYPE html>
<html>
<head>
<tittle> <h1>Customers </h1></tittle>
</head>
<body>
<button data-bind="click: addItem">Add</button>
<p>List Names:</p>
<select multiple="multiple" height="8" data-bind="options:allItems"> </select>
<script type="text/javascript" src="/lib/knockout-3.5.0.js"></script>
<script src="/lib/jquery-3.4.1.js"></script>
<script src="/js/prueba.js"></script>
</body>
</html>这是.js
function ViewModel(){
this.allItems= ko.observableArray([]);
var list=[];
$.get("/customers", function(data) {
for(var i=0; i<data.length; i++){
list[i]={name:data[i].name, lastname:data[i].lastname};
alert(list[i].name);
alert(list[i].lastname);
}
console.log(this.allItems); // here "allItems" is undefined
this.allItems.push(list[0].name); //error
});
this.addItem= function(){
console.log(this.allItems); // here "allItems" is not undefined
this.allItems.push(list[0].name); //ok
};
};
ko.applyBindings(new ViewModel());所以......我需要在一开始就推这个列表，有人帮忙吗？
1条答案
按热度按时间yzuktlbb1#
因为你的
get方法中的this不是你所认为的this。你可以像this.allItems = ko.observableArray([]);之前的var self = this;一样将this赋值给self，并且在你的get方法中使用self.allItems而不是this.allItems。