Angular JS - UI 路由器不工作答案

【问题标题】：Angular JS - UI-router not workingAngular JS - UI 路由器不工作
【发布时间】：2015-09-01 10:57:48
【问题描述】：

在我的 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 集成到我的项目中以便我可以成功获得在我的应用程序中工作的路由。

任何帮助将不胜感激。

【问题讨论】：

“不工作”是什么意思？ ngRouter 和 uiRouter 都适用于所有浏览器。你得到哪个错误堆栈？乍一看，您的代码看起来不错。为什么你在所有路由上都使用同一个控制器？
ngRouter 和 uiRouter 现在可以在 Chrome 和 Firefox 中运行，但该应用程序无法在 IE 和 safari 中运行？
控制台有错误吗？

标签： javascript angularjs routing angularjs-routing angular-ui-router

【解决方案1】：

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

【讨论】：

@Sole 很高兴帮助你谢谢 :)

【解决方案2】：

除了ui.router，还需要添加ngSanitize的js文件（<script src="angular-sanitize.js">）

【讨论】：