MONACAを使用したクイズアプリの実装にて、HTMLとJSの連携が上手くいかず、変数の取得・次画面遷移が出来ない

### 前提・実現したいこと

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>

<div ng-controller="resultCtrl as result"> <ons-toolbar> <div class="center"> 結果発表 </div> </ons-toolbar> <div class="result"> <p class="detail">{{result.items.totalNum}} 問中 {{result.items.rightNum}} 問正解</p> <p class="score"><span>{{result.items.score}}</span> point</p> </div> <div class="back-btn"> <ons-button modifier="large" ng-click="result.backTop()"> トップへ戻る </ons-button> </div> </div> </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を使うことにより強制的にデータバインドさせる)
}
}