ng-cloak en Angular moderno

ng-cloak ya no hace falta. Los templates de Angular se compilan a JavaScript y nunca quedan en la página como texto {{ }} sin resolver, así que no hay nada que ocultar.

<style>
  [ng-cloak], .ng-cloak { display: none !important; }
</style>

<body ng-app="app">
  <div ng-cloak>Hello {{ vm.user.name }}</div>
</body>

<!-- index.html -->
<body>
  <app-root>Loading…</app-root>
</body>

<!-- any component template: nothing to hide -->
<div>Hello {{ user().name }}</div>

Qué cambia

• Quita los atributos ng-cloak y la regla CSS que los acompañaba.
• Lo que pongas dentro del elemento raíz en index.html se muestra hasta que la app arranca, y sirve como indicador de carga.
• Para un primer render más rápido, las herramientas son el renderizado en servidor o el prerenderizado.

Relacionado

• ng-init
• ng-form / nested forms
• $validators / $asyncValidators
• $templateCache / $cacheFactory