如何使用Angular js和Bootstrap的“取消”按鈕關閉模式

Question

我想使用“取消”按鈕關閉模式

在控制器中打開modal：

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

模態：

<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>

請參閱文檔。

Answer 2

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

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

Answer 3

該文檔使用： ng-click="cancel()"

因此，在您的情況下，按鈕應如下所示：

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

塞子 （來自相同的文檔）