Question

我将此作为我的.json文件，我正在考虑如何才能显示＆＃34; ip＆＃34;数组到我的.html

 [
       {
          "network":"net1",
          "ip":[
             "192.168.0.1",
             "192.168.0.2"
          ],
          "zone":"LAN"
       },
       {
          "network":"net1",
          "ip":[
             "192.168.0.1",
             "192.168.0.2"
          ],
          "zone":"WIFI"
       }
    ]

目前，我有这个.html文件。

    <thead>
        <tr>
            <th>Zone</th>
            <th>Network</th>
            <th>IP Address</th>
            <th>IPv6</th>

        </tr>
    </thead>
    <tbody >
        <tr ng-repeat="zones in viewAll.zone">
            <td>{{zones.zone}}</td>
            <td>{{zones.network}}</td>
            <td>{{zones.ip}}</td>
            <td>{{zones.ipv6}}</td>
        </tr>

    </tbody>
</table>

它会显示这样的东西。

[＆＃34; 192.168.0.1＆＃34;＆＃34; 192.168.0.2＆＃34;]

我希望它在我的显示屏上省略[＆＃34;＆＃34;]。

Answer 1

您需要使用ng-repeat来迭代数组 https://docs.angularjs.org/api/ng/directive/ngRepeat

这样做

<tr ng-repeat="zones in viewAll.zone">
        <td>{{zones.zone}}</td>
        <td>{{zones.network}}</td>
        <td>
           <ul>
            <li ng-repeat="ip in zones.ip">{{ip}}</li>
           </ul>
       </td>
        <td>{{zones.ipv6}}</td>
    </tr>

使用AngularJS显示JSON数组

1 个答案: