Не отображать AngularJS код перед выполнением

Question

Когда я перезагрузить страницу мой AngularJS код отображения

Проблема: Код не должен отображаться, если мой интернет медленный или страница не полностью перезарядить. Он должен отображать только результат.

Пожалуйста, помогите мне с лучшим решением.

Answer 1

Использование ngCloak является правильным подходом.

Убедитесь, чтобы добавить CSS тоже, основываясь на этом посту: Angularjs - ng-cloak/ng-show elements blink

/* 
    Allow angular.js to be loaded in body, hiding cloaked elements until 
    templates compile. The !important is important given that there may be 
    other selectors that are more specific or come later and might alter display. 
*/ 
[ng\:cloak], [ng-cloak], .ng-cloak { 
    display: none !important; 
} 

Answer 2

ng-cloak предназначен для такого же использования. Читайте здесь https://docs.angularjs.org/api/ng/directive/ngCloak

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

Или, вы можете также заменить содержимое из

<div>{{cat1.Title | limitTo:18}}</div> 

нравиться это:

<div ng-bind="cat1.Title | limitTo:18"></div>