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>

app.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路由器集成到我的项目中以便我能够成功地使用路由工作在我的申请中.

任何帮助,将不胜感激.

Answer 1

你有错误,模块名称应该是为你的应用程序创建模块ui.router而不是.ui-routermyApp