お世話になります。MonacaでOnsen UIおよびAngularJSを利用し、アプリを開発しています。
###主に回答いただきたい内容
下記2点だけでも回答がいただけると幸いです。
・エラーコードの意味
・Android ver4.1.2では<ons-tabbar position="top">は無効か?
(→Elementsで確認したところタブメニューが下部に配置されているように見える。)
###実現したいこと
よくニュース系のアプリなどで見かける仕様で、
画面上部にタブバーがあり、タブをタップするとメインコンテンツ部分が該当する内容を表示、
またスワイプでも同様の動きを実現したいと思っています。
###発生している障害
iOSおよび、Android ver6.0については問題なく動作しているのですが、
Android ver4.1.2で同様のアプリを動かすと、タブバーは表示されず、メインコンテンツ部分は、何も表示されていない状況です。
###発生しているエラー
・Uncanght TypeError: Cannot call method 'stopALL' of undefined ・Possible Unhandled Promise Rejection:
###再現コード
かなり複雑な入れ子になっていて申し訳ありません。。。
<ons-page ng-controller="ResultTopController"> <ons-toolbar> <div class="center">{{Max}}問中{{ok}}正解!</div> <div class="right"> <ons-toolbar-button modifier="quiet" ng-click="app.myNavigator.resetToPage('home.html');" >TOPへ</ons-toolbar-button> </div> </ons-toolbar> <ons-tabbar position="top" var="tab" id="tab"> <ons-tab label="全て" icon="fa-square" page="test.html" id="tab-1" active> </ons-tab> <ons-tab icon="fa-times" label="誤り" page="test2.html" id="tab-2"> </ons-tab> </ons-tabbar> <ons-page style="top:49px;"> <ons-page> <ons-carousel auto-scroll fullscreen swipeable var="carousel" id="carousel"> <ons-carousel-item> <ons-page> <ons-list modifier="inset"> <ons-list-item ng-repeat="R in resultlist" ng-click="showDetailPage(job)"> <h2 class="Result-h2">問題 {{R.index}}</h2> <img src="{{R.ans}}" style="width:auto; max-height:70px"> <table> <tr> <td class="Result-td"> <span class="Result-td-first" style="color: #440000">解答: </span>{{R.answer}}.{{R.ansname}} </td> </tr> <tr> <td class="Result-td"> <span class="Result-td-first" style="color: #000044">選択: </span>{{R.xcode}}.{{R.xname}} </td> </tr> </table> <table> <tr> <td><pre class="quiz">{{R.quiz}}</pre></td> </tr> </table> </ons-list-item> </ons-list> </ons-page> </ons-carousel-item> <ons-carousel-item> <ons-page> <ons-list modifier="inset"> <ons-list-item ng-repeat="NG in resultlistNg" ng-click="showDetailPage(job)"> <h2 class="Result-h2">問題 {{NG.index}}</h2> <img src="{{NG.ans}}" style="width:auto; max-height:70px"> <table> <tr> <td class="Result-td"> <span class="Result-td-first" style="color: #440000">解答: </span>{{NG.answer}}.{{NG.ansname}} </td> </tr> <tr> <td class="Result-td"> <span class="Result-td-first" style="color: #000044">選択: </span>{{NG.xcode}}.{{NG.xname}} </td> </tr> </table> <table> <tr> <td><pre class="quiz">{{NG.quiz}}</pre></td> </tr> </table> </ons-list-item> </ons-list> </ons-page> </ons-carousel-item> </ons-carousel> </ons-page> </ons-page>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/03/08 03:54
2017/03/08 05:02
2017/03/08 08:58
2017/03/08 13:03