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

директива в модуле ng

Директива 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 выше должно быть включено во внешнем стиле приложения.

Информация о директиве

Эта директива выполняется на уровне приоритета 0.

Использование

в качестве атрибута:
```
<ANY>
...
</ANY>
```
в качестве класса CSS:
```
<ANY class=""> ... </ANY>
```

© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.3.20/docs/api/ng/directive/ngCloak