2017-01-06 1 views
0

템플릿 폴더와 login.html 파일을 만든 후 ionic app blank를 만들었습니다. 이제 내 app login.html 시작 페이지가 표시 될 때 설정하겠습니다.이오닉 응용 프로그램에서 설치 페이지 시작

angular.module('starter', ['ionic']) 
 
    .run(function($ionicPlatform) { 
 
     $ionicPlatform.ready(function() { 
 
      if (window.cordova && window.cordova.plugins.Keyboard) { 
 
       cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
 
       cordova.plugins.Keyboard.disableScroll(true); 
 
      } 
 
      if (window.StatusBar) { 
 
       StatusBar.styleDefault(); 
 
      } 
 
     }); 
 
    }) 
 
    .config(function($stateProvider, $urlRouterProvider) { 
 
     $stateProvider 
 
      .state('login', { 
 
       url: '/login', 
 
       abstract: true, 
 
       templateUrl: 'templates/login.html', 
 
      })
index.html을

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <title></title> 
    <link rel="manifest" href="manifest.json"> 
    <link href="lib/ionic/css/ionic.css" rel="stylesheet"> 
    <link href="css/style.css" rel="stylesheet"> 
    <script src="lib/ionic/js/ionic.bundle.js"></script> 
    <script src="cordova.js"></script> 
    <script src="js/app.js"></script> 
    </head> 
    <body ng-app="starter"> 
    </body> 
</html> 

을 app.js하지만 때 시작 흰색 페이지를 보여 나는 코드로 시도합니다. 어떻게 해결할 수 있습니까? 모두에게 감사드립니다.

+0

상태를 구성했지만 기본 상태를 설정하지 않았습니다. 또한 상태 공급자를 시작하는 데 '

'이 없습니다. – devqon

답변

2

상태를 구성했지만 기본 상태를 설정하지 않았습니다. 주 공급자를 시작하기 위해 <div ui-view></div>도 없습니다. 당신은 시작 페이지로 로그인 페이지를 원한다면

, 그렇게처럼 구성해야합니다 :보기 탐색의 루트이고

.config(function($stateProvider, $urlRouterProvider) { 
    $stateProvider 
     .state('login', { 
      url: '/login', 
      // remove abstract true 
      templateUrl: 'templates/login.html', 
     }) 

    // Set default to /login 
    $urlRouterProvider.otherwise("/login"); 
}) 

이 그런 다음 HTML로 $stateProvider 알려 :

<body ng-app="starter"> 
    <div ui-view></div> 
</body> 
관련 문제