Directive Angularjs ng-include
Instance angularjs
Contient des fichiers HTML:
<! Doctype html> <html> <ead> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </ script> </ad> <body ng-app = ""> <div. ng-include = "'MyFile.htm'"> </div> </ body> </html>
Résultats en cours:
Titre du fichier myfile.htm
Ce texte provient du fichier inclus myfile.htm!
Définition et utilisation
La directive NG-include est utilisée pour inclure des fichiers HTML externes.
Le contenu contenu sera utilisé comme enfant de l'élément spécifié.
La valeur de la propriété NG-include peut être une expression qui renvoie un nom de fichier.
Par défaut, les fichiers inclus doivent être inclus sous le même nom de domaine.
grammaire
<élément ng-include = "filename" onload = "expression" autoScroll = "expression"> </element>
La directive Ng-include est utilisée comme élément:
<ng-include src = "filename" onload = "expression" autoscroll = "expression"> </ ng-include>
Tous les éléments HTML prennent en charge cette directive.
Valeur du paramètre
| valeur | décrire |
|---|---|
| nom de fichier | Nom de fichier, vous pouvez utiliser des expressions pour renvoyer le nom du fichier. |
| en charge | Facultatif, une expression exécutée après le chargement du fichier. |
| autoscroll | Facultatif, si la pièce incluse peut être défilée sur la vue spécifiée. |
Ce qui précède est un résumé de la connaissance des directives angularjs ng-include et sera complétée plus tard.