Question

我对ngRoute注射有问题...... 我有一个文件angular-route.min.js包含在正确的路径中，但仍然得到this error

这是javascript代码：

 (function() {

 var app = angular.module('ParkPlanner', ['mobile-angular-ui', 'ngRoute']);

  app.config (['$stateProvider', '$urlRouterProvider',
  function ($stateProvider, $urlRouterProvider) {

  $stateProvider

 .state('home', {
   url: '/home',
   templateUrl: 'pages/home.html'
 })

 .state('results', {
   url: '/results',
   templateUrl: 'pages/results.html'
 });

 $urlRouterProvider.otherwise('/home');

 }]);

})();

这是HTML头：

<script src="js/angular.min.js"></script>
<script src="js/angular-route.min.js"></script>
<script src="js/mobile-angular-ui.min.js"></script>
<script src="js/app.js"></script>

知道我错过了什么吗？谢谢！

Answer 1

我的朋友你应该把route.min.js.map和，尝试导入“$ routeProvider”而不是“$ urlRouterProvider”，让我们试一试。

Answer 2

看起来您正在尝试使用ng-router配置状态。那是不支持的。你应该在ng-router中配置这样的路由：

.when('/home', {
   templateUrl: 'pages/home.html'
 })

或者，您应该像angular-ui-router那样添加依赖关系：

var app = angular.module('ParkPlanner', ['mobile-angular-ui', 'ui.router']);
app.config (['$stateProvider', '$urlRouterProvider',
  function ($stateProvider, $urlRouterProvider) {
      $stateProvider

      .state('home', {
      url: '/home',
      templateUrl: 'pages/home.html'

      //And so on....
 })
})();

Angularjs Mobile UI ngRoute注入错误

2 个答案: