前提・実現したいこと
Monacaという開発環境を利用し、最初にログインページ、ログインページ内のログインボタンを押すとメインメニュー画面に行くようなアプリケーションを作りたいのですが、Monacaでの開発の際、Onsen UI V2 Angular 1 Tabbarというテンプレートを使用しており、初期画面からツールバーとタブバーが存在しています。
結果的にメインメニューではこの画面に行きたいのですが、一番最初はログイン画面に接続されるようにし、タブバーもツールバーもなくしたいのですが、どのようにしたらよろしいでしょうか。
下記のコードがほとんど初期のコードとなっています。できれば下の<ons-navigator>タブでログイン画面に最初に飛びたいと思っているのですが、うまくいきません。
よろしくお願いいたします。
該当のソースコード
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> <script src="components/loader.js"></script> <script src="lib/angular/angular.min.js"></script> <script src="lib/onsenui/js/onsenui.min.js"></script> <script src="lib/onsenui/js/angular-onsenui.min.js"></script> <script src="lib/css_browser_selector.js" type="text/javascript"></script> <link rel="stylesheet" href="components/loader.css"> <link rel="stylesheet" href="lib/onsenui/css/onsenui.css"> <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css"> <link rel="stylesheet" href="css/style.css"> <script> ons.bootstrap() .controller('AppController', function() { $scope.hide = true; }); ons.ready(function() { console.log("Onsen UI is ready!"); }); </script> </head> <body> <ons-navigator var="myNavigator" page="login.html"></ons-navigator> <ons-page ng-controller="AppController as app"> <!--ツールバー設定--> <ons-toolbar> <div class="center">My App - {{app.title}}</div> </ons-toolbar> <!-- タブバー関連 --> <ons-tabbar position="bottom" hide-tabs="{{hide}}"> <ons-tab page="page1.html" label="Page 1" icon="square" active></ons-tab> </ons-tabbar> </ons-page> </body> </html>
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/05/21 09:06
2018/05/21 09:40
2018/05/22 00:13