ng-if to check a variable in ng-repeat

Question

I am trying to do this

{% if collection %}
   <tr ng-repeat="items in collection">
     <td>1</td>
     <td>1</td>
     <td>1</td>
   </tr>
 {% else %}
   <tr>
     <td colspan="3">No items in collection</td>
   </tr>
 {% endif %}

but I am getting an error saying collection variable is not defined. What's the correct syntax to do that?

Answer 1

Try keeping it all in angular logic

<tbody ng-if="collection">
   <tr ng-repeat="items in collection">
     <td>1</td>
     <td>1</td>
     <td>1</td>
   </tr>
</tbody>
<tbody ng-if="!collection || collection.length==0">
   <tr>
     <td colspan="3">No items in collection</td>
   </tr>
</tbody>

Answer 2

Try below snippet

<tbody ng-if="collection.length > 0">
   <tr ng-repeat="items in collection">
     <td>1</td>
     <td>1</td>
     <td>1</td>
   </tr>
</tbody>
<tbody ng-if="!collection || collection.length==0">
   <tr>
     <td colspan="3">No items in collection</td>
   </tr>
</tbody>