ons.ready(function(){
tabbar.on('postchange', function(e){
if(e.index === 0){
myNavigator.on('postpush', function(e){
if(e.enterPage.name === 'page1.html'){
var btnShowArchives = angular.element(document.getElementById('btnShowArchives'));
btnShowArchives.on('click', function(){
alert("clicked");
});
}
});
}
});
});
ons.ready(function(){
tabbar.on('postchange', function(e){
if(e.index === 0){
myNavigator.on('postpush', function(e){
if(e.enterPage.name === 'page1.html'){
var btnShowArchives = angular.element(document.getElementById('btnShowArchives'));
btnShowArchives.on('click', function(){
alert("clicked");
});
}
});
}
});
});
試しにやってみました。こうすれば一応取得できます。ただし階層が深くなるのでスマートではないですね。
複数
複数ページを管理するときはAngularJSを使うと簡潔に書けますので、そちらも検討されてみてはいかがでしょうか。
http://ja.onsen.io/guide/overview.html#UsingOnsenUIwithAngularJS