保存更改分頁不起作用。值不保存

Question

我有一個表，我可以編輯。但是，如果我使用分頁更改頁面，編輯後的值將被刪除。我嘗試在更改頁面時調用我的保存功能，但那不起作用。
我有一個表是這樣的：

... 
<table> 
... 
<th> 
       <span class="input-group-btn"> 
       <button type="button" class="btn btn-default" ng-show="!valueForm.$visible" ng-click="valueForm.$show()"> 
        Edit 
       </button> 
       </span> 
      </div> 
      <form editable-form name="valueForm" onaftersave="$ctrl.saveColumn('valueTranlate')" ng-show="valueForm.$visible"> 
       <button type="submit" ng-disabled="valueForm.$waiting" class="btn btn-primary"> 
       Save 
       </button> 
       <button type="button" ng-disabled="valueForm.$waiting" ng-click="valueForm.$cancel()" class="btn btn-default"> 
       Cancel 
       </button> 
      </form> 
      </th> 
... 
<tr dir-paginate="v in my array> 
... 
</table> 
    <dir-pagination-controls auto-hide="false" on-page-change="$ctrl.saveColumn()" boundary-links="true" max-size='7'></dir-pagination-controls> 
... 
my .js 
saveColumn() { 
     if (this.$scope.valueForm.$visible) { 
      angular.forEach(this.langV, (value) => { 
      this.$http.patch('/api/dict_values/' + value.v_id, { 
       id: value.v_id, 
       value: value.value2, 
       user_id: this.currentUser()._id, 
       key_id: value._id, 
       lang_id: this.$scope.select2 
      }); 
      }); 
      this.showLang(this.$scope.select1, this.$scope.select2); 
     } 
     } 

所以調用saveColumn()它遍歷每個頁面上的所有字段和保存價值，而不是其他頁面的編輯，因爲是「刪除」。嘗試在頁面更改時調用save()，但值比save()「刪除」更快。

那麼我怎樣才能實現我可以在每一頁上編輯，如果我改變頁面的值不會被遺忘？

Answer 1

我通過添加一個「記住」所有編輯值的工廠來解決它。
我添加到我的Textarea ng-change觸發這個工廠每次發生的事情。

<span editable-textarea="v.value2" e-ng-change="$ctrl.remember(v,$data)" e-name="valueTranslate" e-form="valueForm" e-rows="3" e-cols="25" onbeforesave="$ctrl.checkName($data)"> 
       {{v.value2 || '' }} 
      </span> 

首先調用remember(v,$data)功能

 // Remember Edits for Pagination 
    remember(obj, data) { //obj-> actual edited, data -> the input 

     if (obj.close === undefined || obj.close === '' || obj.close === null) { 
      obj.close = obj.value2; 
     }// Attaching a Close property for the Case the User cancel the Edits 

     obj.value2 = data;// saving the Edits in value2, this is which is get send to DB 

     this.rememberValues.addValue(obj); // and send to Factory 
     } 

然後將其保存在我的工廠，因此編輯不會通過ChangePange

.factory('rememberValues',() => { 
    var valuesE = []; 
    var savingValue; 
    return { 
    values:() => { 
     return [].concat(valuesE);//for output and saving,contains all edited fields 
    }, 
    addValue: (obj) => {//adding in Array 
     savingValue = _.find(valuesE, function(value) { 
     return value._id === obj._id; 
     }); 
     if (savingValue) { 
     savingValue.value2 = obj.value2; 
     } else { 
     valuesE.push(obj); 
     } 
    }, 
    clear:() => {//if I want to clear the Array 
     angular.forEach(valuesE, (value) => { 
     delete value.close; 
     }); 
     valuesE = []; 
    }, 
    cancel:() => {// The User Cancels the Edits 
     angular.forEach(valuesE, (value) => { 
     value.value2 = value.close;// Original Value is put in again 
     delete value.close; 
     }); 
     valuesE = []; 
    } 
    }; 
}) 

被刪除