angularjs没有加载部分

时间:2014-03-04 21:37:39

标签: javascript angularjs angularjs-routing

我正在尝试通过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;
            });
        }]);

1 个答案:

答案 0 :(得分:6)

TemplateURL应为TemplateUrl。此外,您可以尝试从templateUrl路径中删除第一个斜杠,看看是否有所不同:所以:

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

变为:

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