使用AngularJS显示JSON数组

Displaying JSON Array using AngularJS

本文关键字：数组 JSON 显示 AngularJS 使用      更新时间：2023-09-26

我有这个作为我的。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)

我想让它省略["]到我的显示

您需要使用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>

相关文章：