如何在取消按鈕或編輯圖標

Question

的情況是，有在頁面多種形式和

2.當點擊時刪除（刪除）未保存的更改在現有angularjs形式用戶填寫表單中的輸入字段並且不保存它們，只要用關閉圖標上的取消按鈕關閉當前表單，就應該刪除這些更改。

如果在輸入任何以前的數據字段的數據應該是不變的 ，如果有任何額外的數據寫入到它，而不是保存應刪除

HTML：

<md-content class="md-padding no-margin"> 
    <div> 
     <form name="formone" novalidate ng-submit="saveData(profile)"> 
      <div id="basicDetails"> 
       <div layout="row" layout-align="space- center"> 
        <p class="uc-heading">Basic Details</p> 
        <i ng-if="!condition" class="fa-times fa" aria-hidden="true" ng-click="toggleEditPanel('details')"></i> 
       </div> 
       <div > 
        <label>First name</label> 
        <input ng-model="profile.details" name="details" ng-required="true" /> 
        <label>Last name</label> 
        <input ng-model="profile.details.data.data" name="details[[data]]" ng-required="true" /> 
       </div> 
       <div flex layout="row" layout-align="end center"> 
        <md-button ng-if="!condition" class="md-raised md-custom-button" ng-click="toggleEditPanel('details')">Cancel</md-button> 
        <md-button type="submit" ng-disabled="profileForm.$invalid" class="md-raised md-custom-button" ></md-button> 
       </div> 
      </div> 
     </form> 
    </div> 
</md-content> 

Answer 1

你需要兩樣東西添加到您的控制器：

1. 在init上，保存當前值profile.details和profile.details.data.data。
2. 向您的控制器添加一個方法resotreData()，您將保存的值重新設置爲profile.details和profile.details.data.data。

然後將resotreData()添加到取消按鈕的ng-click事件中。