イオンアプリケーションでのセットアップページの開始

テンプレートフォルダとファイルlogin.htmlを作成した後、私はイオンアプリを作成しました。私のアプリケーションのlogin.htmlページが表示されると設定されます。私はコードでそれを試してみてください。イオンアプリケーションでのセットアップページの開始

app.js

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>

しかしとき開始それは白いページが表示されます。どうすれば修正できますか？ありがとうございます。

出典

2017-01-06 Trần Hòa

状態は設定されていますが、デフォルト状態は設定されていません。また、状態プロバイダを開始するための '

'もありません – devqon

状態は設定されていますが、デフォルト状態は設定されていません。また、状態プロバイダを開始するための<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>

出典

2017-01-06 09:15:54 devqon

イオンアプリケーションでのセットアップページの開始

答えて

関連する問題