javascript - 尝试使用 Knockout.js 显示包含集合的变量时出现问题

Question

前提:

我正在玩 knockout ，并一直在尝试通过 html 表显示填充的数组变量。

问题:

问题是我不知道如何在下面所示的变量数组中显示“last_name”属性。

JSON 文件 + HTML 文件:

 //JSON FILE
 $(function() 
 {
    console.log('Ready');

    ko.applyBindings(new myvm());
 }

 function myvm() 
 {
     var self = this;
     //cust contains the data mentioned at the bottom
     self.customers = cust;
 }

//HTML FILE
<table class= "table" id="kocustomertable" border= "1">
    <tr> 
        <th>Last name</th> 
    </tr> 
    <tbody data-bind = 'customers'> 
        <tr>
            <td data-bind = 'text: last_name'></td>
        </tr>
    </tbody>
</table> 

变量“CUST”内数据的示例内容

[
  {"id":1,"first_name":"Tracey","last_name":"Jansson","email":"tjansson0@discuz.net","gender":"Female","ip_address":"167.88.183.95","birthdate":"1999-08-25T17:24:23Z","website":"http://hello.com","city":"Medellín","credits":7471}
]

Answer 1

看起来像 data-bind在您的<tbody>上缺少绑定(bind)。

您已引用了您的 View 模型customers属性在你的 HTML 中，但你还没有告诉 Knockout 如何将它绑定(bind)到 View 。如果添加foreach绑定(bind)后，您应该会看到每个客户都有一个表行。例如，您可以替换开头 <tbody>与:

<tbody data-bind='foreach: customers'>

希望这有帮助。看看knockout documentation on foreach了解更多信息。