当我 pushPage 到它时如何初始化子页面
How to initialize subpage when i pushPage to it
在我的 index.html
<div class="grid9 red" onclick="myNavigatorHome.pushPage('Test.html', { animation : 'slide' } )">
test
</div>
当我点击它时,它会将页面推送到 Test.html 但是:
- 如何 运行 我在 Test.html 中的初始化代码?
我试着把它们写在 Test.html
ons.ready(function() {//do some thing});
但是没用
我也试过写在Test.html
document.addEventListener("pageinit", function(e) {//do some thing}
但是也没用
请大家帮忙指教。
谢谢
ons.ready()
函数在 Onsen UI 初始化完成时被调用。如果应用程序在 Cordova 或 PhoneGap 下 运行,它也会等待其初始化(ondeviceready
事件)。这意味着函数内的代码只会在应用程序完全加载时执行,而不会在您更改页面时执行。
要完成您正在尝试做的事情,您可以使用名为 ons-postpush
的 ons-navigator
属性。它允许您在触发 "postpush" 事件时指定自定义行为。
查看更多关于 ons-navigator
属性的信息 here
也可以在ng-click
里面添加推送页面指令发送后直接调用该函数,如:
<div class="grid9 red"
ng-click="myNavigatorHome.pushPage('Test.html',{ animation : 'slide' });
myFunction()">test</div>
在我的 index.html
<div class="grid9 red" onclick="myNavigatorHome.pushPage('Test.html', { animation : 'slide' } )">
test
</div>
当我点击它时,它会将页面推送到 Test.html 但是:
- 如何 运行 我在 Test.html 中的初始化代码?
我试着把它们写在 Test.html
ons.ready(function() {//do some thing});
但是没用
我也试过写在Test.html
document.addEventListener("pageinit", function(e) {//do some thing}
但是也没用
请大家帮忙指教。 谢谢
ons.ready()
函数在 Onsen UI 初始化完成时被调用。如果应用程序在 Cordova 或 PhoneGap 下 运行,它也会等待其初始化(ondeviceready
事件)。这意味着函数内的代码只会在应用程序完全加载时执行,而不会在您更改页面时执行。
要完成您正在尝试做的事情,您可以使用名为 ons-postpush
的 ons-navigator
属性。它允许您在触发 "postpush" 事件时指定自定义行为。
查看更多关于 ons-navigator
属性的信息 here
也可以在ng-click
里面添加推送页面指令发送后直接调用该函数,如:
<div class="grid9 red"
ng-click="myNavigatorHome.pushPage('Test.html',{ animation : 'slide' });
myFunction()">test</div>