Улучшить эту документацию Просмотреть исходный код ngCloak

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

Директива может быть применена к элементу <body>, но предпочтительнее применять несколько директивы ngCloak к небольшим частям страницы для обеспечения поэтапного рендеринга представления браузера.

ngCloak работает в сотрудничестве со следующим правилом CSS, встроенным в angular.js и angular.min.js. Для режима CSP добавьте angular-csp.css в ваш HTML-файл (см. ngCsp).

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

Когда это правило CSS загружается браузером, все HTML-элементы (включая их потомков), помеченные директивой ngCloak, скрываются. Когда Angular встречает эту директиву во время компиляции шаблона, он удаляет атрибут элемента ngCloak, делая скомпилированный элемент видимым.

Для лучшего результата скрипт angular.js должен быть загружен в секции head HTML-документа; в качестве альтернативы, правило CSS выше должно быть включено во внешнем стиле приложения.