使用KnockoutJS的计算数组 - 抛出未定义的错误

时间:2012-11-26 12:22:41

标签: javascript knockout.js

我有一个看起来像这样的viewmodel:

    var viewModel = {

        name: results.name,
        members: ko.observableArray([]),
        users: ko.computed(function () {
            return ko.utils.arrayFilter(members(), function (item) {
                return (item.type == 'User');
            });
        }),
        groups: ko.computed(function () {
            return ko.utils.arrayFilter(members(), function (item) {
                return (item.type == 'Group');
            });
        })
    };

但是,我在computed部分收到错误:

  

未捕获的ReferenceError:未定义成员

这是真的 - 在声明viewModel时,成员不包含任何内容。

我怎样才能克服这个?

1 个答案:

答案 0 :(得分:5)

如果按members()表示对象的第二个属性:

var viewModel = {
    name: results.name,
    members: ko.observableArray([])
};

viewModel.users = ko.computed(function () {
     return ko.utils.arrayFilter(viewModel.members(), function (item) {
         return (item.type == 'User');
     });
 });
viewModel.groups = ko.computed(function () {
     return ko.utils.arrayFilter(viewModel.members(), function (item) {
         return (item.type == 'Group');
     });
 });

请注意:

  • 您无法在文字定义中引用同一对象的另一个属性。这就是我将定义分为3部分的原因。

  • members()已替换为viewModel.members()