javascript - 温泉+pushPage+options.onTransitionEnd

Question

我尝试使用 pushPage() 上可用的 options.onTransitionEnd 因为我想调用 $scope.init()推送页面的 Controller 内部的函数。

我发现我只能将一个匿名函数传递给 onTransitionEnd 选项。

例如:

app.navi.pushPage('page.html', {onTransitionEnd: function(){ alert('ok') }  } );

有没有办法在推送页面的 Controller 内调用 $scope 函数？

非常感谢。大卫

Answer 1

只要按钮在 NavigatorController 中，就可以通过这种方式传递函数范围:

<ons-button ng-click="myNav.pushPage('page1.html', {onTransitionEnd: myFunction})">Push</ons-button>

ons.bootstrap()
.controller('NavigatorController', function($scope) {
  $scope.myFunction = function () {
    console.log('onTransitionEnd');
  };
});

在这里检查:http://codepen.io/frankdiox/pen/Gpzvqw

无论如何，如果您想要初始化推送的页面，也许使用页面事件会更容易(仅pageinit适用于Onsen UI 1.x):http://onsen.io/guide/overview.html#Pagelifecycle

当然，推送页面的 Controller 也会运行。