我试图在它的订阅方法中读取一个observable的值,它总是返回一个对象而不是应该是什么值(true或false)。无法读取订阅方法中的可观察值
退房小提琴或代码如下: 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));