Скрыть элементы перед их отображением Angularjs

Question

В моем контроллере displayEntries инициализируется из вызова ajax, а длина равна 3. Когда страница загружается, она по-прежнему показывает сообщение с данными до того, как моя таблица будет заполнена. Как я могу скрыть это сообщение до отображения отображаемых записей с данными.

<span class="h4" ng-show="(displayedEntries | filter : { type : { name: type.name}}).length == 0">{{'public.TABLE_NO_DATA'|translate}}</span> 

Answer 1

Существует указатель углового перевода, который поможет вам в этом. translate-cloak эта директива должна быть включена другим тегом скрипта. (Supposely доступен в src/directory из angular-translate

ваш заголовок

<script src="../src/directive/translate-cloak.js"></script> 

ваш HTML

<span class="h4" translate-cloak ng-show="(displayedEntries | filter : { type : { name: type.name}}).length == 0">{{'public.TABLE_NO_DATA'|translate}}</span> 

ваш CSS

.translate-cloak { 
    display: none !important; 
} 

EDIT: обновленный ответ EDIT2: вы можете следовать этой example