**app.js:**
$scope.servers = [
{name:'SQL Server', status:"up"},
{name:'Web Server', status:"down"},
{name:'Index Server', status:"down"}
];
**index.html:**
<table>
<tr>
<td ng-repeat="server in servers">
<div ng-if="{{server.name}}=='SQL Server'"> {{server.status}} </div>
</td>
</tr>
</table>
<table>
<tr>
<td ng-repeat="server in servers">
<div ng-if="{{server.name}}=='SQL Server'" ng-class="{{server.status}}=='up'? 'squareGreen':'squareRed'"> {{server.name +" : "+server.status}} </div>
</td>
</tr>
</table>
I am attempting to pass a list of server statuses to index.html and compare the 'name' to a specific string, then apply the CSS class squaregreen or red based on whether the 'status' is 'up' or 'down'. The objective is to match the server name and apply green when up and red when down. However, I'm facing two issues below: 1. there is a parse error in the syntax for ng-if 2. all servers are being marked as Squarered, even though the first server (SQL) has a status of 'up'.