0

我试图在它的 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));
4

1 回答 1

1

当您绑定时click: isSelected，这将调用您的函数，将当前数据项作为第一个参数传递。

因为，isSelected是一个可观察的，传递第一个项目会将其设置为该值。因此，isSelected成为对象本身。

您可能希望toggleSelected在您的项目上创建一个功能this.isSelected(!this.isSelected())。

订阅传递了新值，因此在您的情况下为 true/false，但看起来您想要对项目本身进行操作。

这是一个示例，当订阅被触发时，我们仍然将项目传递给您的处理程序。

http://jsfiddle.net/rniemeyer/WP3s9/31/

另一种选择可能是将处理程序的上下文设置为您的项目并this在处理程序中使用。像：http: //jsfiddle.net/rniemeyer/WP3s9/32/

于 2012-11-10T13:46:20.250 回答