使用AngularJS顯示JSON數組

Question

我將其作為我的.json文件，我在考慮如何將“ ip”數組顯示到我的.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>

它將顯示類似這樣的內容。

[“ 192.168.0.1”，“ 192.168.0.2”]

我希望它在顯示器上省略[“”]。

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>