How to hide AngularJS constructs before rendering data?

Question

JavaScript

Hello.
I am making a basket for IM, the problem is that for a fraction of a second such a picture appears , which is not very pleasant. The data is returned from the server in JSON. In the template, I did this:
I already imposed different conditions on the table:
1. ng-if="collection.length > 0"
2. class="ng-hide" ng-show="collection.length > 0"
3. (essentially the same as item 2) ng-hide="collection.length < 1"
I also dug in the direction of ng-bind , but I don’t want to render static text like that, and then , there is also an input, a button, and the table headers are underlined.
I would like to show a data plate when it is rendered. Does anyone know how this can be done?