我试图在它的 subscribe 方法中读取 observable 的值,它总是返回一个对象而不是应该是什么值(真或假)。
查看小提琴或下面的代码:http: //jsfiddle.net/StrandedPirate/WP3s9/
我想要的只是 observableArray 中的一个项目一次将其isSelected属性设置为 true。如果有另一种方法可以在没有循环或订阅的情况下做到这一点,请告诉我,但这是我最终的结果。
var menuViewModel = (function () {
function _constructor(error, details) {
var self = this;
self.items = ko.observableArray();
// add the menu items
self.items.push(new menuItemModel("Dashboard"));
self.items.push(new menuItemModel("Content Management"));
self.handleIsSelectedChange = function (item) {
// issue: item.isSelected() returns [object Object] instead of true/false
console.log("inside subscription function: " + item.title() + ", isSelected: " + item.isSelected());
// this fails because it doesn't return true/false it returns returns [object Object]
if (item.isSelected() === true) {
console.log("subscription fired: " + item.title());
// de-select all other items
ko.utils.arrayForEach(self.items(), function (subItem) {
if (subItem.title() !== item.title()) {
console.log("deselecting: " + subItem.title());
subItem.isSelected(false);
}
});
}
};
self.subscribeToItems = function () {
console.log("subscribeToItems called");
ko.utils.arrayForEach(self.items(), function (item) {
console.log("title: " + item.title() + ", isSelected: " + item.isSelected());
item.isSelected.subscribe(function (currentItem) {
self.handleIsSelectedChange(currentItem);
});
});
};
};
return _constructor;
})();
var menuItemModel = (function () {
function _constructor(title, icon) {
var self = this;
self.title = ko.observable(title || "");
self.icon = ko.observable(icon || "");
self.isSelected = ko.observable(false);
};
return _constructor;
})();
var menuVM = new menuViewModel();
menuVM.subscribeToItems();
ko.applyBindings(menuVM, $(".mainMenu").get(0));