當點擊表單提交時關閉一個模態

我的模態持有一個表單，當用戶單擊提交按鈕時，我想關閉模式。簡化形式如下所示：當點擊表單提交時關閉一個模態

<div class='modal fade' id='{{ module.name }}Modal' role='dialog'> 
<div class='modal-dialog modal-lg'> 
    <div class='modal-content'> 
     <form ng-submit='submitModule(module)'> 
      <div class='modal-body'> 
       ... 
      </div> 
      <div class='modal-footer'> 
       <button type='submit' class='btn btn-primary'>Run</button> 
       <button type='button' class='btn btn-default' data-dismiss='modal'>Cancel</button> 
      </div> 
     </form> 
    </div> 
</div>

您可以看到兩個按鈕。關閉按鈕使用data-dismiss='modal'，它工作正常。但是我不能在提交按鈕上使用它，因爲這個「取消」了ng-submit=submitModule()提交功能;模態將關閉，但函數不會被調用。

解決方案是關閉submitModule()功能的模態嗎？但是，我怎樣才能從那裏獲得模態？

來源

2016-01-12 Juicy

你使用引導模式嗎？ –

使用角UI庫 - 模態：下載精縮版here：

首先包括你的模塊庫：

angular.module('myModule', ['ui.bootstrap']);

然後，在你的控制器，你可以關閉內的模態形式提交功能：

$scope.submitModule = function(module) { 
    dialog.close(result); 
    // REST OF YOUR CODE TO HANDLE FORM INPUT 
}

來源

2016-01-12 14:19:35 Bryan

我已在'app.js'之前在'

您可以在HTML文件中添加一個小的jQuery代碼... 添加的onclick屬性中按鈕。

<div class='modal fade' id='{{ module.name }}Modal' role='dialog'> 
<div class='modal-dialog modal-lg'> 
<div class='modal-content'> 
    <form ng-submit='submitModule(module)'> 
     <div class='modal-body'> 
      ... 
     </div> 
     <div class='modal-footer'> 
      <button type='submit' class='btn btn-primary' onclick="$('.modal').modal('hide')">Run</button> 
      <button type='button' class='btn btn-default' data-dismiss='modal'>Cancel</button> 
     </div> 
    </form> 
</div>

來源

2016-08-24 15:12:03

您可以附加儘可能多的方法調用到（ngSubmit）即

形式類= 「井」（ngSubmit）=「addUserModal.hide（）; ADDUSER（模型） ; userForm.reset（）「＃userForm =」ngForm「

來源

2017-12-09 05:31:21

相關問題

當點擊表單提交時關閉一個模態

回答

相關問題