滤波器阵列子阵

Question

我在创建搜索过滤器的问题

，我用的是* ngFor模块中和名称通常是这样的：

(game.name.toLowerCase().includes(typed)) 

但平台，在阵列来只工作时，我把指数：

(game.platform[i].toLowerCase().includes(typed)) 

然而这个平台是动态的，我不能使用的或流派的东西过滤

内的Json

[ 
    { 
     "name":"GTA", 
     "platform":[ 
      "xbox", 
      "playstation" 
     ] 
    } 
] 

组件

<tr *ngFor="let game of (games | searchGame:SearchedText.value)"> 
    <td>{{game.name}}</td> 
    <td>{{game.category}}</td> 
    <td>{{game.platform | separator}}</td> 
    // "platform":["Playstation 4","Xbox One"] 
    <td>{{game.price | currency}}</td> 
    <td>{{game.quantity}}</td> 
    <td>{{game.production ? 'Sim' : 'Não'}}</td> 
    <td>{{game.description}}</td> 
    <td><i class="fa fa-pencil icon" aria-hidden="true" (click)="staticModal.show()"></i></td> 
    <td><i class="fa fa-times icon" aria-hidden="true" (click)="staticModal.show()"></i></td> 
</tr> 

管

transform(game, typed){ 

    typed = typed.toLowerCase(); 

    return game.filter(game => 

     (game.name.toLowerCase().includes(typed)) || 

     (game.category.toLowerCase().includes(typed)) || 

     (game.platform.toLowerCase().includes(typed)) || // Error in this line 

     (game.price.toLowerCase().includes(typed)) || 

     (game.quantity.toLowerCase().includes(typed)) || 

     (game.production.toLowerCase().includes(typed)) || 

     (game.description.toLowerCase().includes(typed)) 

    ); 


} 

Answer 1

如果我正确理解你的问题，你的过滤器是不是做你想要什么。

第一个管道参数应该是一个数组。我认为只是 '任意' 的作品，但 '任何[]' 更干净:-)

你正在做的：

tranform(game: any,...) 

试试这个：

transform(game: any[], typed: string){ 

.... 

return game.filter(game => game.name.toLowerCase().indexOf(typed) > -1 || 
.... 

在开始搜索

进一步标记（键入）可能为空或为空。 为此，您应该添加以下内容以返回未过滤的数组。否则，你不会在你的* ngFor中看到任何东西。

if (typed == null || typed == "") 
    return game; 

希望这会有所帮助。

编辑：用

game.filter(game => game.platforms.some(el => el.toLocaleLowerCase().includes(typed))) 

名为