Ng-hide not working in my Angular/Firebase app

Question

http://stevendavisphoto.com/mc/

All code is located there. I am trying to hide the TR that says "No groups to display" when there are groups.

<tr ng-hide="groups.length">
     <td colspan="7">No groups to display</td>
</tr>

Answer 1

try this

<tr ng-hide="groups.length === 0">
     <td colspan="7">No groups to display</td>
</tr>

ng-hide and ng-show is a Boolean properties

So you must add a expression on the ng-show or ng-hide

ng-hide="groups.length === 0"

Edit

Other members, Please take a look the below comments for OP Solution