Question

我正在学习Angular2。我有一个问题

我有String数组，我打印了所有这些。但是我想要过滤器。例如：我的数组是heroes = ['Windstorm', 'Bombasto', 'Magneta', 'Tornado', 'Windstorming']。如果我写Wind结果应该是'风暴'和'风暴'，如果我要写B它应该打印Bombasto等。

必须在字符串中搜索字符。我该怎么做？谢谢

Answer 1

这取决于你想要做到的地方。您可以利用自定义管道：

@Pipe({ name: 'filter' })
export class FilterPipe {
  transform(arr, value) {
    return arr.filter(elt => {
      // The test can be more advanced and
      // based on regexp
      return elt === value;
    });
  }
}

你可以这样使用它：

<div *ngFor="#p of heroes | filter:'some value'">
  (...)
</div>

您还可以利用组件的属性：

<div *ngFor="#p of heroes | filter:someProperty">
  (...)
</div>

搜索特定的字符

1 个答案: