I am currently working with a .json file that contains information about networks, IP addresses, and zones. I am trying to figure out how to display the "ip" array in my .html file.
[
{
"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"
}
]
Here is a snippet from my .html file:
<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>
When rendered, the IP Address section displays like this:
["192.168.0.1","192.168.0.2"]
I am trying to find a way to format the display to omit the brackets and quotes around the IP addresses.