I am experiencing an issue with my back end service sending data to a $scope variable. I am using this variable to populate rows in a table with ng-repeat.
Upon loading the page, initially one row is visible on the browser but then disappears once the loading is complete. Eventually, when the data is retrieved, the correct rows are populated.
I want to get rid of that initial row as it disrupts the layout.
Here is the code snippet:
...
<tr ng-repeat="row in rows">
<td ng-bind="row.vname"></td>
<td ng-bind="row.mname"></td>
<td ng-bind="row.time_start"></td>
<td ng-bind="row.time_end"></td>
<td ng-if="row.progress!='-1'">
<p class="btn-info btn-rounded" style="text-align: center; font-weight: bold;"> Complete</p>
</td>
<td ng-if="row.progress=='-1'">
<p class="btn-danger btn-rounded" style="text-align: center; font-weight: bold;"> Failed</p>
</td>
</tr>
</tbody>
...
The initial displayed row shows two rounded buttons labeled "complete" and "failed."