前提・実現したいこと
MonacaでOnsen UIとAngularJSを利用してアプリ開発を行っております。
タブの切り替え時にタブ内のページ履歴をリセットしつつ、carouselを利用したいです。
発生している問題・エラーメッセージ
リセットする事には成功しているのですが、タブとカルーセルの切り替え時の発火条件であるprechangeが重複している為、カルーセルが動かなくなってしまいます。
該当のソースコード
JavaScript側 module.directive('noslidingmenu', function($timeout) { return { restrict: "A", scope: true, link: function($scope, element, attrs) { myTabbar.on("prechange", function (e) { if (myTabbar.getActiveTabIndex() == 0) { if (myNavigator1.pages.length > 1) { myNavigator1.popPage(); } }else if (myTabbar.getActiveTabIndex() == 1){ if (myNavigator.pages.length > 1) { myNavigator.popPage(); } } }); } }; }); HTML側タブ部分 <ons-tabbar var="myTabbar" my-tabbar> <ons-tab icon="home" label="ホーム" page="tab1.html" active></ons-tab> <ons-tab icon="fa-book" label="漫画" page="tab2.html"></ons-tab> </ons-tabbar> HTML側ナビ部分 <template id="tab1.html"><ons-page><ons-navigator var="myNavigator1" class="my-navi my-navi1" page="home.html"></ons-navigator></ons-page></template> <template id="tab2.html"><ons-page><ons-navigator var="myNavigator" class="my-navi my-navi2" page="manga.html"></ons-navigator></ons-page></template>
試したこと
myTabbar.onなので、タブ切り替え時のみ発火するかと思って処理を入れたのですが、カルーセルも発火してしまい動かなくなってしまいました。
補足情報(FW/ツールのバージョンなど)
Onsen UI 2.10.1
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。