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-router 集成到我的项目中这样我就可以成功地让路由在我的应用程序中工作。

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

Answer 1

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

Answer 2

除ui.router外，您还应添加 ngSanitize 的 js 文件 (<script src="angular-sanitize.js">)

Angular JS - UI-路由器不工作

Angular JS - UI-router not working

javascript

routing

angularjs

angularjs-routing

angular-ui-router