Angular JS filter-如果新值为空，则不更新DOM值

Question

我正在做一个数据密集的角度项目，在这个项目中，我有一个ng重复，其中许多值每秒更新一次。如果一个值为空，它现在会更新DOM以显示一个空值；这是正确的行为。

需要的解决方案

我想要的是一个过滤器或表达式，当新值为空或NULL时，它不会更新DOM中的值。我相信他们称之为“锁定数据”。

可能的解决方案

我用$watch找到了几个可能的解决方案，但我相信它们不适合ng重复，或者至少效率不高：angularjs$watch旧值和新值是相同的

我想要实现的目标示例：（这不起作用）

app.filter('latchIt', function () {
  return function (valueOld, valueNew) {
    if (valueNew == '') {
      // Do not update the DOM for this value, perhaps a return of the old value
      return valueOld;
    } else {
      return valueNew;
    }
  };
});

HTML

<div class="item" ng-repeat="item in items track by item.id">
  <div class="value" ng-repeat="value in item.data">{{ value | latchIt }}</div>
</div>

提前感谢您的帮助

Answer 1

好吧，我想说$watch选项足够好，可以使用它，但如果您不喜欢它，您可以尝试根据控制器/指令中的业务规则将旧集合值和新集合值组合起来，然后将其传递给视图。

Answer 2

我将为此创建一个指令：

CoDepen：http://codepen.io/anon/pen/EVXgjz

angular.module('app').directive('latched', [function() {
  return {
    template: '<span>{{saved}}</span>',
    link: function($scope) {
      $scope.$watch('value', function(val) {
        if (!$scope.saved) {
          $scope.saved = val || 'Not defined yet';
        }
        if (val) {
          $scope.saved = val;
        } 
      })
    },
    scope: {
      value: '='
    }
  }
}])