javascript - ObservableArray 未按预期工作

Question

我是 knockout.js 的新手(昨天刚接触它)，但有人建议我使用它来完成我正在尝试做的事情。

我的困境是:

• 我将以下“initialData”设置为 json 数组:

  var initialData = [
  {
      id: 0,
      pcName: "Test1"
  },
  {
      id: 1,
      pcName: "Test2"
  },
  {
      id: 2,
      pcName: "Test3"
  },
  {
      id: 3,
      pcName: "Test4"
  },
  {
      id: 4,
      pcName: "Test5"
  }
  ];
  

• 后跟以下(简单)模型:

  var PCModel = function (pcs) {
  var self = this;
  
  self.pcsList = ko.observableArray(ko.utils.arrayMap(pcs, function (pc) {
      return { id: pc.id, pcName: pc.pcName };
  }));
  

• 并应用我的绑定(bind):

  ko.applyBindings(new PCModel(initialData));
  

• 然后我尝试遍历我的(应该是什么)pcsList:

  <ul class="nav nav-tabs" id="sortable" data-bind="foreach: pcsList">
  
      <li>
          <a data-bind="attr: {href: '#' + id}, text: pcName"></a>
      </li>
  </ul>
  

然而，似乎什么也没有发生。我似乎无法弄清楚为什么。

请帮忙。

Answer 1

对于可能在这里偶然发现的任何人，我的问题只是在文档准备好后没有调用 applyBindings。将其包装在 $("document").ready(... 中解决了问题。