Question

我创建了一个用于显示问题here

的plunker

如果您点击＆＃34;显示缺少数据的行＆＃34;链接然后一切都很好，它过滤显示行与错误的数据。但是，如果您再点击＆＃34;显示所有数据＆＃34;它不会再显示其余数据？如何解决这个问题？

代码：

vm.applyMissingValuesFilter = function (linktext) {

       if (linktext === "Display rows with missing data") {

           vm.savedResourceGridResources = vm.resourceGridResources;

           var results = [];

           var temp = vm.resourceGridResources.Resources;

           for (var i = 0; i < temp.length; i++) {
                  for (var j = 0; j < temp[i].Resources.length; j++) {
                      if (!temp[i].Resources[j].Value) {

                          if (results.indexOf(temp[i]) === -1) {
                              results.push(temp[i]);
                          }
                      }
                  }
              }

          vm.resourceGridResources.Resources = results;

          vm.missingValuesButtonText = "Show all data";
      }
      else if (linktext === "Show all data") {

          // should reset the resource values here to redisplay original data?
          vm.resourceGridResources = vm.savedResourceGridResources;

          vm.missingValuesButtonText = "Display rows with missing data";

      }
};

Answer 1

在修改数据之前，您必须使用angular.copy来保存数据：

vm.savedResourceGridResources = angular.copy(vm.resourceGridResources);

Working plunker

AngularJS - 条件逻辑不会在链接点击时重新显示原始数据

1 个答案: