在模式关闭时关闭表单更改

Question

好的，所以，我有一个带有某种形式的模式，它应该在保存按钮上保存更改，但在关闭按钮上关闭它们。保存工作正常，但关闭不会关闭更改。

以下是模态打开方式：

<i class="glyphicon glyphicon-file semi-transparent" data-ng-class="{'semi-transparent': !test.text}" data-toggle="modal" data-target="#testModal"></i>

这是模态：

<div class="modal fade " id="testModal">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">
                <span aria-hidden="true">&times;</span>
                <span class="sr-only">Close</span>
            </button>
            <h4 class="modal-title">Text</h4>
        </div>
        <div class="modal-body">
            <textarea class="form-control ng-pristine ng-valid ng-touched" rows="9" style="margin-top: 15px;" data-ng-model="test.text"></textarea>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-blue" data-dismiss="modal" data-ng-click="save()">Save changes</button>
        </div>
    </div>
</div>

有没有办法在关闭时关闭更改，使用数据目标打开模式？

Answer 1

当您在 textarea 中进行更改时，它会保存在您的模型 text.text 中，这是 Angular 的双向绑定。 所以你必须在关闭按钮上添加一个ng-click="cancel()"：

<button type="button" class="btn btn-default" data-dismiss="modal" data-ng-click="cancel()">Close</button>

并将您的 $scope.test.text 值重置为该函数中的先前状态。

Answer 2

试试这个

<button type="button" class="close" data-dismiss="testModal">