onsen-uiでページ遷移のアニメーション前に要素のテキストを書き換えるにはどうしたらいいですか?
下記のコードだとpushPage後、アニメーションが終了してからpタグ内のテキストが書き換わります。
先に書き換えてからアニメーションでページ遷移させたいです。
navigatorのpostpushイベントを拾っても同じでした。
js
ons.bootstrap();
function click(){
myNavi.pushPage("page1.html",{animation:"lift",onTransitionEnd:end});
}
function end(){
document.getElementById("message").innerText = "Message";
}
html
<ons-navigator var="myNavi">
<ons-page>
<ons-button onclick="click()">Button</ons-button>
</ons-page>
</ons-navigator>
<ons-template id="page1.html">
<ons-page>
<p id="message">default</p>
</ons-page>
</ons-template>
document.getElementById("message")
でnullが返ってきます。 Angularのcontroller使ってならできたんですが、使わないで実現できないんですかね…