如何關閉模式有帶角的js和引導

Question

「取消」按鈕，我想用「取消」按鈕

打開模式關閉模式，控制器：

$scope.newTransaction = function(){ 
    var modalInstance = $modal.open({ 
     templateUrl: 'tpl/transactions/modal/new_transaction.html' 
    }); 
}; 

的modal：

<div ng-controller="TransactionsCtrl"> 

    <div class="modal-header bg-success"> 
     <h3 class="modal-title">New Transaction</h3> 
    </div> 

    <div class="modal-body" style="height: 500px;"> 

     <iframe ng-src="{{mylink_newTransaction}}" height="100%" width="100%" frameBorder="0"> 
     </iframe> 
    </div> 

    <div class="modal-footer bg-light">     
     <button class="btn btn-default">Cancel</button> 
     <button class="btn btn-success">Create</button> 
    </div> 

</div> 

感謝您的幫助！

Answer 1

<button ng-click="$close()">Cancel</button> 

See documentation.

Answer 2

只需添加一個data-dismiss屬性：

<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 

Answer 3

的documentation用途：ng-click="cancel()"

所以你的情況的按鈕應該是這樣的：

<button class="btn btn-default" ng-click="cancel()>Cancel</button> 

plunker（來自同一文檔）