在routeProvider中找不到AngularJS ng-template指令

我試圖在ng-view中包含多個部分模板，但routeProvider指令總是試圖從服務器（而不是嵌入式ng-template）中獲取文件。在routeProvider中找不到AngularJS ng-template指令

我有以下的在我的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 -->

在我app.js文件我有以下幾點：

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: '/' 
    }); 
});

當過我加載頁面，我在瀏覽器中得到一個錯誤控制檯：

GET http://127.0.0.1:8000/visitorLog/group/groupList.html 404 (NOT FOUND)

我的頁面的AngularJS應用部分如下所示：

<div ng-app="myApp" ng-controller="GroupCheckInCtrl"> 
    <!-- other content --> 

    <ng-view>Loading...</ng-view> 

</div>

我錯過了什麼，不允許AngularJS加載我的ng-template腳本指令？

來源

2013-05-06 Evil Closet Monkey

你有一個NG視圖定義？ – lucuma 2013-05-06 22:43:23

是的。我已更新我的問題以反映。 – 2013-05-06 22:58:44

確保內聯腳本標記是具有ng-app =「myApp」屬性的元素的子元素。如果腳本標籤在這個元素之外，它將不起作用。解決此問題的最簡單方法是將「ng-app ='myApp'」添加到標記。這裏是我的意思的例子：

<body ng-app="plunker" ng-controller="MainCtrl"> 
    <script type="text/ng-template" id="groupList.html"> 
    Group list html 
    </script> 

    <script type="text/ng-template" id="participantList.html"> 
    Participants list html 
    </script> 
    <ul> 
    <li><a href="#/group">group</a></li> 
    <li><a href="#/participant">participant</a></li> 
    </ul> 
    <div ng-view> 
    Loading... 
    </div> 

</body>

下面是相關plunker：http://plnkr.co/edit/K1gMiLenRk0oPkzlGNjv

來源

2013-05-07 01:01:21

問題確實如此。謝謝！ – 2013-05-07 16:43:48

在routeProvider中找不到AngularJS ng-template指令

回答

相關問題