3

маршрутизатор работает в моем приложении Angular JS. Мой код:Угловой JS - UI-маршрутизатор не работает

Сценарий:

<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-маршрутизатор в свой проект так что я могу успешно получить маршрутизацию, работающую в моем приложении.

Любая помощь будет оценена по достоинству.

+0

Что вы имеете в виду под «не работает»? И ngRouter, и uiRouter работают во всех браузерах. Какой стек ошибок вы получаете? На первый взгляд ваш код выглядит нормально. Почему вы используете один и тот же контроллер на всех ваших маршрутах? – Eloims

+0

ngRouter и uiRouter теперь работают в Chrome и Firefox, но приложение просто не работает в IE и сафари? – Sole

+0

Любая ошибка в консоли? –

ответ

5

У вас есть опечатка, имя модуля должно быть ui.router вместо ui-router при создании модуля myApp для вашего приложения.

+1

Это получило рутинную работу ... – Sole

+0

@Sole Рад помочь вам! –

1

Кроме ui.router, вы должны добавить файл JS для ngSanitize (<script src="angular-sanitize.js">)