javascript - 迭代 json 对象

Question

我有一个 ko.observable，其中包含一个具有以下结构的 json 对象:

{
"abc": {},
"zdc": {}
}

如何使用来自 knockout 的 foreach 迭代此操作？

到目前为止，我已经成功地迭代了键(“abc”，“zdc”)，但我不知道如何使用键从可观察的值中获取值。

这是我的代码

 <div data-bind="foreach: { data: Object.keys(copyProgStats2()), as: 'item' }">
                        <ul>
                            <li>
                                <span data-bind="text: item"></span>
                            </li>
                        </ul>
                    </div>

其中 copyProgStats2 是保存 json 对象的 ko.observable。

在这种情况下，我不使用可观察数组，这一点很重要，因为它会使更多事情变得更加困难。

Answer 1

你可以这样做:$parent.copyProgStats2()[item]，看看:

function AppViewModel() {
    this.copyProgStats2 = ko.observable({
      "abc": 'cool',
      "zdc": 'good enough'
    });
}

ko.applyBindings(new AppViewModel());

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>
<div data-bind="foreach: { data: Object.keys(copyProgStats2()), as: 'item' }">
  <ul>
    <li>
      <span data-bind="text: $parent.copyProgStats2()[item]"></span>
    </li>
  </ul>
</div>