顯示使用AngularJS

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" 
     } 
    ] 

目前JSON數組，我有這樣的.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-重複迭代陣列之上 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>