我正在尝试通过django组合一个基本的angularjs网页(但在这个例子中并没有真正使用django)。我试图完全复制一个例子,但它不起作用。部分和控制器未加载。网址已更新,因此我知道应用正在加载。但我看不到它部分或数据完全打击我的网络服务器。帮助将不胜感激。
这是我可以放在一起的最简单的代码。
的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 :(得分:6)
TemplateURL应为TemplateUrl。此外,您可以尝试从templateUrl路径中删除第一个斜杠,看看是否有所不同:所以:
templateURL: '/static/partials/question-list.html',
变为:
templateUrl: 'static/partials/question-list.html',