这是js小提琴:小提琴链接
var CITIES = ko.observableArray([]);
ko.applyBindings(CITIES, document.getElementById("popupCityList"));
var arr = [];
arr.push({ "cityname": "Mumbai", "cityid": 1 });
我将对象推到可观察的数组。但是我看不到任何结果。我是淘汰赛的新手。谁能帮我这个忙吗?
这里有些错误:
cityname
,您不能使用来引用它CityName
CITIES
属性。用$data
(foreach: $data
)引用视图模型中的数据,或将数组包装在一个对象(ko.applyBindings({CITIES: CITIES})
)中data-
更正的版本:
var CITIES = ko.observableArray([]);
var viewmodel = {
CITIES: CITIES
};
ko.applyBindings(viewmodel, document.getElementById("popupCityList"));
var arr = [];
arr.push({
"cityname": "Mumbai",
"cityid": 1
});
CITIES(arr);
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>
<div>
<ul id="popupCityList" data-bind="foreach: CITIES">
<li data-bind="text: cityname"></li>
</ul>
</div>
补充笔记:
arr
但可以写viewmodel.CITIES.push({ /* ... */ })
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句