在模式关闭时取消表单更改 [英] Dismiss form changes on modal close

问题描述

好的，所以，我有一个带有某种形式的模态，应该在保存"按钮上保存更改，但在关闭"按钮上取消更改.保存效果很好，但是关闭不会取消更改.

OK, so, I have a modal with some form, that should save changes on Save button, but dismiss them on Close button. Save works fine, but Close doesn't dismiss changes.

以下是模式打开的方式:

Here's how the modal opens:

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

是否可以使用数据目标打开模式来消除关闭"时的更改?

Is there a way to dismiss changes on Close, using data-target to open a modal?

推荐答案

在textarea中进行更改时，将其保存在模型text.text中，这是Angular的双向绑定. 因此，您必须在关闭按钮上添加ng-click="cancel()":

When you make changes in your textarea, it's saved in your model text.text, it's the two-way binding of Angular. So you will have to add a ng-click="cancel()" on the close button :

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

然后将您的$scope.test.text值重置为该功能的先前状态.

And reset your $scope.test.text value to the previous state in that function.

这篇关于在模式关闭时取消表单更改的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！