Как скрыть выражение в AngularJS во время загрузки страницы?

Question

У меня следующий код, например:

div {{count}} 

Тогда в моей JavaScript, он будет заменен на значение.

Однако, если я обновляю свою страницу, то {{count}} будет отображаться на странице первоначально, пока страница не будет полностью загружена.

Как скрыть его во время загрузки страницы?

Answer 1

Вы можете использовать ng-bind="count" или ng-cloak вместо {{count}}

<div ng-bind="count"></div> 

<div ng-cloak>{{count}}</div> 

Если вы используете ng-cloak вам может лицо некоторые проблемы зрения мерцающие. Взгляните на обсуждение here.

Answer 2

Вы можете использовать ng-bind или ng-cloak.

E.g. :

<div> <span ng-bind="count"></span> </div> 

<div ng-cloak>{{count}}</div> 

Answer 3

Использование ng-cloack, он был создан для того, чтобы предотвратить проблему, называется FUOC (Flash Of без стилей контента):

<div ng-cloak>{{count}}</div> 

Answer 4

У вас есть 2 решения

ПЕРВЫЙ

Вы можете использовать ng-bind

Атрибут ngBind сообщает Angular заменять текстовое содержимое указанного элемента HTML значением данного выражения и обновлять текстовый контент при изменении значения этого выражения.

<div ng-bind="count"></div> 

ВТОРОЙ

Вы можете использовать ng-cloack

директива ngCloak используется для предотвращения углового шаблона HTML от быть кратко отображается в браузере в сыром (Неоткомпилированная) когда приложение загружается. Используйте эту директиву, чтобы избежать нежелательного эффекта мерцания, вызванного отображением шаблона html.

<div ng-cloack>{{count}}</div>