angularjs - 如何在 $ionicPopup 中进行验证？

Question

我正在尝试使用 $ionicPopup在我的应用程序上处理登录/注册。
我从一个服务打开它，所以我创建了一个新的范围并将它附加到 ionicPopup。

它看起来像这样:

$ionicPopup.show
  template: '''
    <form name="loginForm" novalidate>
      ...
    </form>
  ''',
  scope: $scope,
  buttons: [
    { 
      text: 'Cancel',
    },
    {
      text: '<b>Save</b>',
      type: 'button-positive',
      onTap: ( e ) ->

        form = $scope.loginForm #why is it undefined?
    } 
  ]

所以我将表单命名为 loginForm ，我想在 onTap 中访问它处理验证的函数。但是loginForm不存在于 $scope ，就像在 Controller 内的正常表单验证中一样。

我应该如何处理这里的验证？

Answer 1

如果你给 ionicpopup templateUrl ，而不是硬编码的模板字符串，您可以在模板内使用常规 Controller 进行验证。

我删除了所有 ionicpopup相关按钮并将必要的按钮放置在模板中。

通过这种方式，我能够控制 ionicpopup来自 Controller 的状态(即关闭弹出窗口)。