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

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 = []; 
    } 
    }; 
}) 

被删除