2015-04-23 511 views
0

好的,所以,我有一個窗體模式,應該保存更改保存按鈕,但關閉它們按鈕關閉。保存工作正常,但Close不會拒絕更改。關閉模式關閉窗體更改

這裏是如何的模式打開:

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

有沒有辦法解僱關閉的變化,使用數據目標,以打開一個模式?

回答

1

當您在您的textarea的變化,它保存在你的模型text.text,它是雙向的角度結合。 所以,你將不得不關閉按鈕添加一個ng-click="cancel()"

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

而且你$scope.test.text值恢復到以前的狀態中該功能。

0

試試這個

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

謝謝,但這可以防止我的模式關閉:( 我已經做了對象副本的解決方法,但那只是看起來錯了。 –