OnsenUIのNavigatorのpushpageについて
いつもお世話になっております。
OnsenUIを最新のv1.2.2にしたところ以下のようなコードのpushPageが動作しなくなってしまいました。
『 TypeError: Cannot read property 'pushPage' of undefined 』
というエラーが出てします。(ちなみにv1.2.1では動いておりました。)
pushPageのところを
『 $scope.app.navi.pushPage("page.html"); 』
とすれば動くのですが、複数のnavigatorに対して、同一の子ページを使い回したいので「app.navi」というようにnavigatorの名前を指定したくありません。
対策法をご教示ください。どうぞよろしくお願いいたします。
index.html (headの後半から)
<script src="js/app.js"></script>
</head>
<body ng-controller="AppController">
<ons-navigator animation="slide" var="app.navi">
<ons-page>
<ons-button modifier="light" ng-click="openpage();">Push</ons-button>
</ons-page>
</ons-navigator>
<ons-template id="page.html">
<ons-page>
<ons-button modifier="light" ng-click="app.navi.popPage('page.html');">Pop</ons-button>
</ons-page>
</ons-template>
</body>
</html>
app.js
var module = angular.module('app', ['onsen']);
module.controller('AppController', function($scope) {
$scope.openpage = function() {
$scope.ons.navigator.pushPage("page.html");
};
});