如何在正确的上下文中引用Knockout.js对象和对象数组

Question

我似乎无法正确理解： http : //jsfiddle.net/dPyQy/4/

我想收集在输入字段中输入的标签以进行保存。 我需要像在RL中一样将Textbatches引用为SelectedText，我需要能够在Textbatches中进行选择。

var Textbatch = function (data,tags) {
    var self = this;

    self.TextbatchId = data.TextbatchId;
    self.Title = ko.observable(data.Title);
    self.Text = ko.observable(data.Text);
    self.TextTags = ko.observableArray(tags);

    function createTypeComputed(tagType) {
        return ko.computed(function () {
            return ko.utils.arrayFilter(self.TextTags(), function (item) {
                return item.Type() == tagType;
            });
        });
   }

   self.managerTags = createTypeComputed(0);

   self.removeTag = function (tagToRemove) {
       self.TextTags.remove(function (item) {
           return item.Id == tagToRemove.Id;
       });
   }
}

挣扎于上下文，对象以及一切。 我希望所选标签列在输入字段下方，然后进行调试以显示更新的对象。

任何帮助，高度赞赏。 感谢名单。

Answer 1

managerTags计算结果为数组，但是您正在text绑定中使用它，希望它计算结果为字符串。

您想如何显示它？ 作为HTML列表（使用foreach绑定来循环标记），还是作为逗号（或其他内容）分隔的字符串（在其上使用join ）？

要获得逗号分隔的字符串， createTypeComputed更改为

function createTypeComputed(tagType) {
  return ko.computed(function () {
    return ko.utils.arrayMap(      
      ko.utils.arrayFilter(self.TextTags(), function (item) {
         return item.Type() == tagType;
      }),
      function (item) {
        return item.Name();
      }).join(',');
    });
}

请注意，如果您可以指望使用ES5浏览器（IE <9以外的任何浏览器），则可以简化用于

    return self.TextTags().filter(function (item) {
        return item.Type() == tagType;
      })
      .map(function (item) {
        return item.Name();
      })
      .join(',');