javascript - 当我 pushPage 到它时如何初始化子页面

Question

在我的 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}

但是还是不行

请帮忙指教。谢谢

Answer 1

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>