angularjs - Angularjs Mobile UI ngRoute注入错误

Question

我在使用 ngRoute 注入时遇到问题...我将文件 angular-route.min.js 包含在正确的路径中，但仍然出现此错误

这是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....
 })
})();