AngularJS ng-template-Richtlinie Nicht in routeProvider
Ich bin versucht, mehrere teilschablonen in einer ng-view
, aber die routeProvider
Richtlinien werden immer versuchen für das abrufen der Datei von dem server (nicht den embedded ng-template
).
Habe ich Folgendes definiert ist in mein HTML:
<script type="text/ng-template" id="groupList.html">
<!-- contents -->
</script>
<script type="text/ng-template" id="participantList.html">
<!-- contents -->
</script>
<script src="js/app.js"></script> <!-- AngularJS app file -->
In meinem app.js
- Datei habe ich Folgendes stehen:
var myApp = angular.module('myApp', ['ngResource', '$strap.directives']);
//Update interpolateProvider for Django server
myApp.config(function ($interpolateProvider) {
$interpolateProvider.startSymbol('[[');
$interpolateProvider.endSymbol(']]');
});
myApp.config(function ($routeProvider)
{
$routeProvider.when('/', {
templateUrl: '../static/views/home.html'
});
$routeProvider.when('/group', {
controller: 'GroupCheckInCtrl',
templateUrl: 'groupList.html'
});
$routeProvider.when('/group/:groupId', {
controller: 'GroupCheckInCtrl',
templateUrl: 'participantList.html'
});
$routeProvider.otherwise({
redirectTo: '/'
});
});
Immer wenn ich laden Sie die Seite, bekomme ich eine Fehlermeldung in meinem browser-Konsole:
GET http://127.0.0.1:8000/visitorLog/group/groupList.html 404 (NOT FOUND)
Den AngularJS-app-Sektion auf meiner Seite sieht so aus:
<div ng-app="myApp" ng-controller="GroupCheckInCtrl">
<!-- other content -->
<ng-view>Loading...</ng-view>
</div>
Was bin ich, dass ist nicht so dass AngularJS laden meiner ng-template
Direktive script?
- Hast du ein ng-view definiert?
- Ja. Ich aktualisiert meine Frage zu reflektieren.
Du musst angemeldet sein, um einen Kommentar abzugeben.
stellen Sie sicher, dass die inline-Skript-tags sind die Kinder von dem element mit dem ng-app="myApp" - Attribut. Wenn die script-tags sind außerhalb dieses Elements, es wird nicht funktionieren. Die einfachste Möglichkeit dieses Problem zu beheben, fügen Sie die "ng-app='myApp'" in den tag. Hier ist ein Beispiel, was ich meine:
Hier ist der entsprechende plunker: http://plnkr.co/edit/K1gMiLenRk0oPkzlGNjv