javascript - Angular JS - UI路由器不工作

Question

路由器在我的 Angular JS 应用程序中工作。我的代码是:

脚本:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
<script src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>

HTML:

<div ui-view></div>

应用程序.js:

var myApp = angular.module('myApp', ['ui-router','mainControl','ui.bootstrap', 'ngSanitize']);
myApp.config(function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/splash');
  //
  // Now set up the states
  $stateProvider
    .state('splash', {
      url: '/splash',
      templateUrl: 'partials/splash2.html',
      controller: 'MainControl'
    })
    .state('advice', {
      url: '/advice',
      templateUrl: 'partials/advice.html',
      controller: 'MainControl'
    })
    .state('main', {
      url: '/main',
      templateUrl: 'partials/main.html',
      controller: 'MainControl'
    })
    });

我已经成功地将 ngRoute 集成到我的项目中，但由于某种原因，路由在 Safari 和 IE 中不起作用，所以这就是为什么我现在尝试将 UI-router 集成到我的项目中，以便我可以成功地获得在我的应用程序中工作的路由。

如有任何帮助，我们将不胜感激。

Answer 1

您有错字，在为您的应用创建 myApp 模块时，模块名称应该是 ui.router 而不是 ui-router。