Question

我试图用AngularJS创建一个有状态的过滤器，最终调用一个异步返回数据的服务。为了测试这个，我只是使用一个简单的$ timeout函数，console.logs一个字符串。但是，这个console.log只是无限运行。

export default angular.module('components.filters.combine-name', [])

.filter('combineName', ['$timeout', function ($timeout) {
  function combineName(input) {
    $timeout(function () {
      console.log('test');
    }, 1000);
    return input.firstName + ' ' + input.lastName;
  }

  combineName.$stateful = true;
  return combineName;
}]);

HTML

<table class="table table-bordered table-striped table-responsive">
    <thead>
    <tr>
      <th>
        <div class="th">
          Name
        </div>
      </th>
      <th>
        <div class="th">
          Status
        </div>
      </th>
    </tr>
    </thead>
    <tbody>
    <tr ng-repeat="result in vm.results">
      <td>{{result | combineName}}</td>
      <td>{{result.status}}</td>
    </tr>
    </tbody>
</table>

控制器：

this.results = [
  {
    firstName: 'Johnny',
    lastName: 'Utah',
    status: 'Active'
  },
  {
    firstName: 'Richard',
    lastName: 'Reynolds',
    status: 'Inactive'
  },
  {
    firstName: 'Randy',
    lastName: 'Johnson',
    status: 'Active'
  }
];

Answer 1

使用$ timeout，你基本上打开循环，它将继续这样做，除非你告诉它停止。

在你的循环中使用：$ timeout.cancel（）;

AngularJS $状态过滤器，$ timeout卡住循环

1 个答案: