AngularJS ng-include ne fonctionne pas
Ici est une source de la main.html
fichier
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script>
var myApp = angular.module ('myApp',[]);
myApp.controller('myCtrl', function ($scope){
$scope.name = "Tim";
$scope.partialStuff = [ 'a', 'b', 'c' ];
alert(window.angular.version.full);//1.3.14 is displayed
});
</script>
</head>
<body ng-app="myApp">
<div ng-controller="myCtrl">
{{name}}
<div ng-repeat="partialVar in partialStuff">
Hello: <div ng-include src="'part.html'"></div>
</div>
</div>
</body>
</html>
Il y a aussi un part.html
qui contient un texte en clair 'part'
- seulement plusieurs symboles.
Les deux fichiers main.html
et part.html
sont situés dans le même dossier.
Quand j'ouvre main.html
dans le navigateur, je ne vois pas trois répétitions du contenu de part.html
cependant, je vois trois Hello:
. Semble comme part.html
n'est pas chargé.
Pourquoi?
Merci.
Veuillez placer dans la balise body pour le faire fonctionner
<script type="text/ng-template" id="part.html">
part
</script>
- Ce qui est à venir dans votre onglet réseau, je suis en supposant qu'elle ne pouvait pas charger le fichier? Votre application a probablement le mauvais répertoire.
- toutes les erreurs de la console ? si aucune erreur n'vérifier le réseau et voir si les modèles sont de chargement correctement
- Utiliser un violon pour voir ce que la demande est en train de faire.
- Nope, pas d'erreurs. Le fichier part.html n'est pas chargé. (c'est dans Google Chrome). FF - fonctionne très bien. La solution est trouvée (voir mon commentaire ci-dessous). Merci!!!!
Vous devez vous connecter pour publier un commentaire.
Vous ne pouvez pas importer les fichiers locaux directement en utilisant le protocole file://.
Vous devriez jeter un oeil à:
Est-il possible d'utiliser ng-inclure, sans serveur web?
devrait être la bonne syntaxe, je crois.
Plus d'infos ici
EDIT: aussi, le chemin du fichier doit être de la racine et non pas en fonction de la
html
fichier.ng-inclure peut être utilisé comme:
Ce sera certainement inclure vos fichiers comme un normal src. ng-inclure le travail sur le serveur local également.Il n'est pas nécessaire de mettre de serveur tomcat pour exécuter ce fichier.
Cela permettra d'exécuter simplement comme un fichier html.