前提・実現したいこと
<ons-tabbar>を使用してタブを遷移させているのですが、その中のボタンから.pushPageで遷移した際に<ons-tabbar>もそのまま引き継ぎたいのですがやり方がわかりません。
http://www.sky-limit-future.com/entry/2017/08/26/011314
上記のURLの方法で引き継げますと書かれていますが、あまりわからずに困っています。
URLの方法でなくても構いませんのでもしご存じの方いらっしゃいましたら助言頂けると幸いです。
発生している問題・エラーメッセージ
エラーメッセージ
該当のソースコード
html
1 <script> 2 $scope.newInfoSetting = function (){ 3 //遷移先で必要な情報を取得し、遷移した際に表示するjsvascript 4 myNavigator.pushPage('infotoolnavigator.html'); 5 } 6 </script> 7 8<body ng-controller="AppController as app"> 9 10 <ons-navigator var="myNavigator" page="login.html"> 11 //最初のページ遷移先 12 <ons-template id="login.html"> 13 <ons-page> 14 <div id="topBack"> 15 <img src="default.png" width="100%" onclick="myNavigator.pushPage('startup.html')"> 16 </div> 17 </ons-page> 18 </ons-template> 19 20//ログイン完了後遷移先 21<ons-template id="mainmenu.html"> 22<ons-page> 23 <!--ツールバー設定--> 24 <ons-toolbar> 25 <div class="left"> </div> 26 <div class="center" style="text-align: center;">{{app.title}}</div> 27 <div class="right"> 28 <ons-icon icon="cog" size="20px" ng-click="newInfoSetting()"></ons-icon> 29 </div> 30 31 <!-- タブバー関連 --> 32 <ons-tabbar position="bottom"> 33 <!--画面1--> 34 <ons-tab page="infonavigator.html" label="***" icon="ion-home" active></ons-tab> 35 <!--画面2--> 36 <ons-tab page="second/page2.html" label="***" icon="square"></ons-tab> 37 <!--画面3--> 38 <ons-tab page="third/page3.html" label="****" icon="square"></ons-tab> 39 <!--画面4--> 40 <ons-tab page="fourth/page4.html" label="****" icon="square"></ons-tab> 41 <!--画面5--> 42 <ons-tab page="fifth/page5.html" label="***" icon="square"></ons-tab> 43 </ons-tabbar> 44</ons-page> 45</ons-template> 46 47<ons-template id="login.html"> 48 <ons-page> 49 <div id="topBack"> 50 <img src="default.png" width="100%" onclick="myNavigator.pushPage('login/startup.html'"> 51 </div> 52 </ons-page> 53</ons-template> 54 55<ons-template id="infotoolnavigator.html"> 56 <ons-navigator var="infotoolnavigator" page="new_info/setting.html"> 57</ons-template> 58 59<ons-template id="infonavigator.html"> 60 <ons-navigator var="infonavigator" page="new_info/list.html"> 61</ons-template> 62 63 64 65</body>
html
1//setting.html(ファイル名) 2page1-1 3<ons-page id="setting.html"> 4 内容記載 5 <ons-button onclick="myNavigator.pushPage('new_info/setting2.html')">push</ons-button> 6</ons-page> 7
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/05/23 03:40
2018/05/23 13:33
2018/05/24 00:48 編集
2018/05/24 02:25
2018/05/24 03:04
2018/05/24 04:07
2018/05/24 05:33
2018/05/24 09:15
2018/05/25 01:29
2018/05/25 01:42
2018/05/25 02:58