2016-01-24 7 views
1

его меня ... снова ... Ну, мне нужно перенаправить с помощью AngularJS на моем контроллере, когда логин sussesufull. Я прочитал loooooot, и я нашел this. Пример ясен с помощью ui-router, очень простой. я надеваю index.html всего код «базы» мое приложение, и я поставил DIV:AngularJS перенаправить после входа в систему

<body ng-app="solempApp"> 
    <!-- Start of first page --> 
    <div ui-view></div> 
</body> 

и остальную часть моей первой страницы на login.htm. Идея: все содержимое login.html появляется на этом <div> ui-view></div> правильно?

Тогда мой конфиг на мое приложение:

angular 
.module('solempApp',['ngMessages', 'angular-loading-bar','ui.router']) 
.config(function($stateProvider, $urlRouterProvider) { 
    $urlRouterProvider.otherwise('/solempmobile'); 
    $stateProvider 
    // HOME STATES AND NESTED VIEWS ======================================== 
    .state('solempmobile', { 
     url: '/solempmobile', 
     templateUrl: 'login.html' 
    }) 
    // ABOUT PAGE AND MULTIPLE NAMED VIEWS ================================= 
    .state('about', { 
     // we'll get to this in a bit  
    }); 
}) 

Проблема заключается в том, когда я положил URL на моем веб-браузере:

http://192.168.0.203/solempmobile 

возвращается:

http://192.168.0.203/solempmobile/#/solempmobile 

И все находятся на пустой странице. Веб-сервер - это IIS, и приложение находится в виртуальном каталоге. На домашней странице http://192.168.0.203/solempmobile. Это что-то, что я делаю неправильно?

[UPDATE 1]

Так я осматривал код и, наконец, он работает ... buuuut ..... не на ожидаемом пути. Маршрут работает ... но ccs, связанный с jquery mobile, не работает. я должен отложить это:

<div data-role="page"> 

вне частичный вид, но страница так некрасиво ...

ответ

1

Вы можете просто перенаправить с помощью HTML! поэтому сначала сделать простой HTML FIle называют его index.html ...

Затем сделать состояние, в котором он находится на домашней странице «/», как это:

.config(function($stateProvider, $urlRouterProvider) { 
    $urlRouterProvider.otherwise('/solempmobile'); 
    $stateProvider 
    // HOME STATES AND NESTED VIEWS ======================================== 
    .state('Home', { 
     url: '/' 
     templateUrl: 'index.html' 
     }) 

    .state('solempmobile', { 
     url: '/solempmobile', 
     templateUrl: 'login.html' 
    }) 
    // ABOUT PAGE AND MULTIPLE NAMED VIEWS ================================= 
    .state('about', { 
     // we'll get to this in a bit  
    }); 
}) 

Затем в index.html: вы можете иметь мету-тег, который автоматически перенаправляет ... ИДК, если это правильный URL, но вы можете изменить его:

<html> 
    <head> 
    <META http-equiv="refresh" content="5;URL=http://192.168.0.203/solempmobile/#solempmobile/solempmobile"> 

<!-- Type in whatever HTTPS you want to go to. In your case your login page... --> 
    </head> 


    </body> 
</html> 

Надеется, что это помогли!

+0

Привет, мой друг! Спасибо за помощь. Прямо сейчас я помещаю проект aaaall в старую папку, потому что я подозреваю, что jqery mobile не совместим с angularJS. См. Мое обновление 1 ... –

+0

Это работа @ AliBriceño – amanuel2

+0

Эта работа ... но я обнаружил, что AngularJS и jQuery Mobile еще не компрометированы. –

Смежные вопросы