Question

我的主页没有实例化，它没有显示？

的index.html

<!DOCTYPE html>
<html ng-app="pollApp">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <script src="/bower_components/angular/angular.js"></script>
    <script src="/bower_components/angular-route/angular-route.js"></script>

    <script src="/angular/app.js"></script>

    <title>Poll</title>

</head>
<body>

<div>
    <div ng-view></div>
</div>

</body>
</html>

路由文件：

(function () {

    var pollApp = angular.module('pollApp');

    pollApp.config([
        '$routeProvider',
        function($routeProvider) {
            $routeProvider.when('/', {
                    templateUrl: '/angular/views/index.html',
                    controller: 'homeController',
                    controllerAs: 'homeCtrl'
                })
                .otherwise({
                    redirectTo: '/'
                });
        }
    ]);
})();

app.js

(function () {
    angular.module('pollApp', ['ngRoute']);
})();

文件夹结构：

我做错了什么？

- 编辑 -

angular.js:68 Uncaught Error: [$injector:nomod] Module 'pollApp' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
http://errors.angularjs.org/1.5.3/$injector/nomod?p0=pollApp

Answer 1

您忘记添加<script>元素来加载routes.js文件。

您还没有定义名为＆＃39; homeController＆＃39;的任何控制器。

Answer 2

我想你可以尝试使用这个

的app.js

(function () {
    angular.module('pollApp', ['ngRoute']);
})();

并在你的route.js

中

(function () {

    angular.module('pollApp');
    .config([
        '$routeProvider',
        function($routeProvider) {
            $routeProvider.when('/', {
                templateUrl: '/angular/views/index.html',
                controller: 'homeController',
                controllerAs: 'homeCtrl'
            })
            .otherwise({
                redirectTo: '/'
            });
        }
    ]);
});

此致

角度主页没有显示出来

2 个答案: