Установить стартовую страница в ионном приложении

Question

При создании вкладки или sidemenu ионного приложения я могу видеть в app.js файлов имеет

$stateProvider 
 
    // setup an abstract state for the tabs directive 
 
    .state('tab', { 
 
    url: '/tab', 
 
    abstract: true, 
 
    templateUrl: 'templates/tabs.html' 
 
    })

или:

.config(function($stateProvider, $urlRouterProvider) { 
 
    $stateProvider 
 
    .state('app', { 
 
    url: '/app', 
 
    abstract: true, 
 
    templateUrl: 'templates/menu.html', 
 
    controller: 'AppCtrl' 
 
    })

Я хочу заменить начальную страницу с файлом login.html, и я попробовал код:

.config(function($stateProvider, $urlRouterProvider) { 
 
    $stateProvider 
 

 
    .state('login', { 
 
    url: '/login', 
 
    abstract: true, 
 
    templateUrl: 'templates/login.html', 
 
    controller: 'AppCtrl' 
 
    })

и это не работает, но когда я попробовал это:

.config(function($stateProvider, $urlRouterProvider) { 
 
    $stateProvider 
 

 
    .state('app', { 
 
    url: '/app', 
 
    abstract: true, 
 
    templateUrl: 'templates/login.html', 
 
    controller: 'AppCtrl' 
 
    })

запустить его.

.state('tab', {

и

.state('app', {

что значит? если я хочу заменить его

.state('login', {

, как я могу это сделать?

Answer 1

Когда вы используете боковое меню или вкладки, вам необходимо одновременно переносить 2 "экрана", ваше боковое меню или ваши вкладки и "логин" в вашем случае. Если я хочу, чтобы отобразить мое меню и другой экран, я использовал это понравилось:

$stateProvider 

    .state('app', { 
    url: '/app', 
    abstract: true, 
    templateUrl: 'templates/menu.html', 
    controller: 'AppCtrl' 
    }) 

    .state('app.doacoes', { 
     url: '/doacoes', 
     views: { 
     'menuContent': { 
      templateUrl: 'templates/doacoes.html' 
     } 
     } 
    }); 

Поскольку AppCtrl является sidemenu Ctrl (в моем случае), и я также показывают «doacoes» HTML в моем экране.