Question

我尝试用角度路径显示视图。控制台不会抛出任何错误或警告。

但同样不显示视图。我做错了什么？

的index.html

<!DOCTYPE html>
<html lang="en" ng-app="app">
<head></head>
    <body>

        <ng-view></ng-view>

        <!-- build:js bower/vendor -->
        <script type="text/javascript" src="../bower_components/angular/angular.min.js"></script>
        <script src="../bower_components/angular-route/angular-route.min.js"></script>
        <!-- endbuild -->

        <script src="./routes.js"></script>

        <!-- build:app scripts/js || CUSTOMER -->
        <script src="./components/customer/customerService.js"></script>
        <script src="./components/customer/customerController.js"></script>
        <!-- endbuild-->

    </body>
</html>

routes.js

var _templateBase = './components';

angular.module('app', [
    'ngRoute'
])
.config(['$routeProvider', function ($routeProvider) {
        $routeProvider
        .when('/', {
            templateUrl: _templateBase + '/customer/customer.html' ,
            controller: 'customerController',
            controllerAs: '_ctrl'
        })
        .otherwise({
            redirectTo: '/'
         });
    }
]);

costomerService.js

angular.module('app', [])
        .factory('customerService', function() {

        });

costomerController.js

angular.module('app',[])
    .controller('customerController', ['$scope', function($scope, customerService) {
      //
    }]);

这是错的？因为视图没有显示？我使用过时的mertodos，指导我在那里学习很多教程。

谢谢他们可以提供帮助。

Answer 1

这会创建您的应用，因为您已包含第二个参数（要注入的依赖项数组）：

angular.module('app', [
    'ngRoute'
])

删除其他angular.module()定义上的第二个参数，因为这会导致每次都创建一个新应用。

angular.module('app') <-- no second parameter tells it to use the existing 'app' module 
    .factory('customerService', function() {

    });

angular.module('app') <-- no second parameter tells it to use the existing 'app' module
    .controller('customerController', ['$scope', 'customerService', function($scope, customerService) {
      //
    }]);

我在控制器定义上的注入数组中添加了customerService，因为数组元素必须与您的函数参数完全匹配。此外，如果您在路由定义中使用controllerAs语法，则可能不希望将$scope注入控制器。

不显示AngularJS视图

1 个答案: