AngularJS dans HEAD vs BODY

Question

Dans tous les exemples AngularJS, la bibliothèque Angular est placée dans les balises HEAD du document. J'ai un projet existant qui a été construit sur la disposition HTML5 Boilerplate. Ceci définit que les bibliothèques JS doivent être placées tout en bas du DOM avant la balise </BODY> .

AngularJS doit-il être placé dans la HEAD?

Answer 1

AngularJS n'a pas besoin d'être placé dans la TÊTE, et en fait, normalement, vous ne devriez pas, car cela pourrait bloquer le chargement du HTML.

Toutefois, lorsque vous chargez AngularJS au bas de la page, vous aurez besoin d'utiliser ng-manteau ou ng-bind pour éviter le "flash de non contenu". Notez que vous ne devez utiliser ng-manteau/ng-bind sur votre "index.html" la page. Lorsque ng ou ng-vue ou d'autres Angulaire constructions sont utilisés pour tirer dans le contenu supplémentaire après le chargement initial de la page, que le contenu sera compilé par Angulaire avant qu'il s'affiche.

Voir aussi http://stackoverflow.com/a/14076004/215945

Answer 2

Cette une réponse sur des Groupes de Google m'a donné le parfait discernement (raccourci):

Cela dépend vraiment sur le contenu de votre page de destination. Si la plupart est statique avec seulement quelques AngularJS liaisons que oui, je suis d'accord, l' en bas de la page est le meilleur. Mais dans le cas d'une dynamique le contenu que vous voulez charger AngularJS ASAP [de la tête].

Donc, si votre contenu est généré en grande partie par Angulaire, vous souhaitez vous épargner le supplément de la CSS et de l' ng-cloak des directives par le juste y compris Angulaire dans la tête.

https://groups.google.com/d/msg/angular/XTJFkQHjW5Y/pbSotoaqlkwJ

Answer 3

Pas nécessairement.

S'il vous plaît jeter un oeil à cette http://plnkr.co/edit/zzt41VUgR332IV01KPsO?p=preview . Où l’angle js est placé en bas de la page et restitue le même résultat s’il était placé en haut.