Question

我使用的是Framework7和Angularjs。我可以在链接上显示弹出窗口：

<p><a href="#" data-popup=".popup-mytest" class="open-popup">test popup</a></p>

<div class="popup popup-mytest">
    <div class="content-block">
          <p><a href="#" class="close-popup">Back</a></p>
          <p>My Popup1</p>
          <input type="text" ng-model="thename" >

         <a href="#" class="button button-fill button-big color-yellow" ng-click="process(thename)">Add Name</a>

    </div>
</div>

我希望能够在单击按钮时关闭弹出窗口。

在Angular范围内，我有：

$scope.process = function(thename){
    //add the name to db.
    //what script here to close the popup?
}

我可以将名称添加到数据库，但是无法关闭弹出窗口。

修改我想关闭$scope.process中的按钮，因为验证是在过程函数中完成的，只有在成功时才要关闭按钮。如何从处理功能中传递一些内容来关闭按钮？

我也不是在使用jQuery。

请帮忙。

Answer 1

试试这个 -

<button type="button" data-dismiss="modal">Close</button>

或来自JS -

angular.element('#yourmodalID').modal('hide');

Answer 2

你可以试试这个：

$('.popup-mytest').hide();

如何在按下按钮时关闭弹出窗口

2 个答案: