不显示视图AngularJS

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

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

的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，指导我在那里发布许多教程。

谢谢，所以他们可以提供帮助。

来源

2016-07-30 VipPunkJoshers Droopy

，因为你已经包括第二个参数（依赖的阵列注入）这个在您的应用：

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注入到控制器中。

来源

2016-07-30 05:55:56 Lex

工程很棒。谢谢。你很棒。 –

不显示视图AngularJS

回答

相关问题