javascript - ionicPopup 完成加载后运行代码/事件？

Question

我有一个 $ionicPopup，里面有一些互动内容 - 但是，为了使用它，我必须用一个简单的命令初始化它:

myFactory.initialise(myElement)

有什么方法可以判断弹出窗口是否已加载，以便我可以触发此初始化？
是否有某种 ionicPopupLoaded 事件？

例如:

var customPopup = $ionicPopup.show({
  title: 'Interactive Popup',
  cssClass: 'interactive-popup',
  template: '<div id="myElement"></div>',
  scope: $scope,
  buttons: [{
    text: 'Cancel',
    type: 'button-default',
    onTap: function(e) {
      return false;
    }
  },
  {
    text: 'Option',
    type: 'button-energized',
    onTap: function(e) {
      e.preventDefault();
      myFactory.functionA();
    }
  },
  {
    text: 'OK',
    type: 'button-balanced',
    onTap: function(e) {
      e.preventDefault();
      myFactory.functionB();
    }
  }]
});

这是我的弹出窗口，加载并显示后我想自动调用 myFactory.initialise(myElement) 来初始化我的内容..

加载弹出窗口后是否有某种运行代码的方法？

Answer 1

查看 $ionicPopup 源代码，似乎没有任何内置方法可以 Hook 到某种已加载的进程或事件。就我个人而言，我只会创建自己的弹出服务，但如果您必须使用他们的对象，看起来唯一的选择是利用可以传递给 show() 函数的模板。

这给您留下了几个选择。第一种是使用 ng-init 来启动不同的作用域函数，尽管这被认为是不好的做法。例如:

template: '<div ng-init="popupLoaded()"></div>'

要实现 Angular 更合适的方式，请在模板中使用 ng-controller 为模板主体创建子 Controller 。然后你可以从这个 Controller 中调用任何你想要的东西。例如:

template: '<div class="my-popup-content" ng-controller="MyPopupChildCtrl"></div>'