2014-03-04 45 views
0

我想通過django(但沒有真正使用django的這個例子)一個基本的angularjs網頁。我試圖完全複製一個例子,但它不起作用。部分和控制器未加載。網址已更新,所以我知道該應用正在加載。但是我沒有看到它爲我的網絡服務器提供了部分數據或數據。幫助將不勝感激。angularjs不加載partials

這裏是我可以放在一起的最簡單的代碼。

的test.html:

<!doctype html> 
<html ng-app="ciqApp"> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.js"></script> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.js"></script> 
     <script type="text/javascript" src="js/app.js"></script> 
     <script type="text/javascript" src="js/controllers.js"></script> 
    </head> 
    <body> 
     TEST 
     <div ng-view> 
     </div> 
    </body> 
</html> 

JS/app.js

var ciqApp = angular.module('ciqApp', [ 
     'ngRoute', 
     'ciqControllers' 
     ]); 

ciqApp.config(['$routeProvider', 
     function($routeProvider){ 
      $routeProvider. 
       when('/questions', { 
        templateURL: '/static/partials/question-list.html', 
        controller: 'QuestionListCtrl' 
       }). 
       otherwise({ 
        redirectTo: '/questions' 
       }); 
     }]); 

JS/controllers.js

var ciqControllers = angular.module('ciqControllers', []); 

ciqControllers.controller('QuestionListCtrl', ['$scope', '$http', 
     function ($scope, $http) { 
      $http.get('/get_questions').success(function(data) { 
       $scope.questions = data; 
      }); 
     }]); 
+0

從JS控制檯的任何輸出錯誤? – balteo

回答

6

TemplateURL應TemplateUrl。此外,您還可以嘗試從templateUrl路徑中刪除第一個斜槓,看看是否有差別:所以:

templateURL: '/static/partials/question-list.html', 

變爲:

templateUrl: 'static/partials/question-list.html', 
+0

是的。網址,而不是網址。我知道這一定很簡單。很近!! – AlexH

+0

我把它作爲小寫字母,這工作:) – Haring10