Javascript 将JSON绑定到无效的HTML元素

我正在尝试使用knockoutJS将JSON绑定到HTML中的列表元素。我使用jQuery获取JSON，然后将其放入一个可观察数组中。 在控制台中记录JSON工作正常。如果我将所有内容都放在JavaScript中的数组中，那么效果很好，但它不会将任何内容放入带有JSON的HTML中。我也没有在控制台中得到任何错误

我的HTML如下所示

<div class="list">
    <ul id="listItems" data-bind="foreach: listItems">
        <li data-bind="text: number"></li>
    </ul>
</div>

还有我的JSON

{ "listItem": [
{ "letter": "a", "number": "1" },
{ "letter": "b", "number": "2" },
{ "letter": "c", "number": "3" },
{ "letter": "d", "number": "4" },
{ "letter": "e", "number": "5" },
{ "letter": "f", "number": "6" },
{ "letter": "g", "number": "7" },
{ "letter": "h", "number": "8" },
{ "letter": "i", "number": "9" } ]}

---

我错过了什么？我想把JSON的number属性推到列表中。

在JSON中有一个名为

listItem

的属性，它是一个对象数组。您需要传递此属性：

self.listItems（oldJSONData.listItem）

You！我爱你！我怎么会错过呢？非常感谢。

{ "listItem": [
{ "letter": "a", "number": "1" },
{ "letter": "b", "number": "2" },
{ "letter": "c", "number": "3" },
{ "letter": "d", "number": "4" },
{ "letter": "e", "number": "5" },
{ "letter": "f", "number": "6" },
{ "letter": "g", "number": "7" },
{ "letter": "h", "number": "8" },
{ "letter": "i", "number": "9" } ]}