搜索具體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>