MONACAを使用したクイズアプリの実装について、うまく実行できず悩んでおります。
以下URLを参考にコーディングしているのですが、最後の結果ページがうまく起動しません。
HTMLとJSの連携がうまくいっていないようなのです。
実際の画面のハードコピーを添付いたしました。
非常に初歩的な内容かと思いますが、何卒よろしくお願いいたします。
●参考にしたURL
https://matorel.com/archives/792
発生している問題・エラーメッセージ
TypeError: myNavigator.getCurrentPage is not a function
LX2Uncaught Error: cordova already defined
該当のソースコード
●実装(JS)
app.controller('resultCtrl',function(){
var rate = 100;
this.items = myNavigator.getCurrentPage().options;
this.items.score = this.items.rightNum * rate;
this.backTop = function(){
myNavigator.pushPage('top.html', { animation: "none" });
};
});
●実装(HTML)
<ons-page>
試したこと
①試したこと
他のページ遷移はうまくいっているので、変数名を変更して、同じ記述を実装してみましたが、うまくいかなかったです。
this.backTop = function(){
myNavigator.pushPage('game.html', { animation: "none" });
};
②以下をコメントアウトしたらうまく動くことがわかりました。
this.items = myNavigator.getCurrentPage().options;
this.items.score = this.items.rightNum * rate;
前の画面で、渡すために定義しているいかJSの内容が引き継げていないようです。
callback: function() {// NEXTがクリックされたら
if(me.items.currentNum >= me.items.totalNum-1){//全問終了したら
myNavigator.pushPage('result.html',{totalNum:me.items.totalNum,rightNum:rightNum});
}else{//まだクイズが残っていれば
me.items.currentNum++;
$scope.$apply(questionInit);//次のクイズ用意($scope.$applyを使うことにより強制的にデータバインドさせる)
}
}
補足情報(FW/ツールのバージョンなど)
以下でプロジェクトを作成しております。
新しいプロジェクトを作る → フレームワーク テンプレート → AngularJS → Onsen UI V2 Angular 1 Minimum
あなたの回答
tips
プレビュー