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

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

Директива ngCloak используется для предотвращения кратковременного отображения браузером HTML-шаблона 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.5.11/docs/api/ng/directive/ngCloak