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-router而不是myApp。

Answer 2

除了ui.router，你应该为ngSanitize（<script src="angular-sanitize.js">）添加js文件

Angular JS - UI路由器无法正常工作

2 个答案: