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

发布时间：2020-12-17 10:20:43 所属栏目：安全来源：网络整理

导读：我正在尝试使用$ionicPopup来处理我的应用程序上的登录/注册. 我正在从服务中打开它,所以我创建了一个新的范围并将其附加到ionicPopup. 它看起来像这样： $ionicPopup.show template: ''' form name="loginForm" novalidate ... /form ''',scope: $scope,but

我正在尝试使用$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函数内访问它以处理验证.但是$scope上不存在loginForm,就像在控制器内部的正常形式验证一样.
所以你知道我应该如何处理这里的验证吗？

谢谢！

我想出了一个我正在使用的丑陋但有效的解决方案.如果为ionicpopup提供templateUrl而不是硬编码模板字符串,则可以在模板内使用常规控制器进行验证.

现在我删除了所有与ionicpopup相关的按钮(我发现它们真的很尴尬),并在模板中提供必要的按钮.

通过这种方式,我可以从控制器控制ionicpopup的状态(例如关闭弹出窗口)

明天我创建了一个jsFiddle示例,以防任何人感兴趣.

但如果你有更好的解决方案,请分享：D

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!