搜索具体Char

Question

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

我有字符串数组，我打印了所有这些。不过，我想把过滤器。 例如：我的数组是heroes = ['Windstorm', 'Bombasto', 'Magneta', 'Tornado', 'Windstorming']。如果我写Wind结果应该是'Windstorm'和'Windstorming'，如果我会写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>