検索とフィルタリングのための省略コード

Question

ユーザーの検索クエリの入力をフィルタリングしようとしています。検索する特定の名前を入力すると、そのものだけが返されます。

私はAngular2デモアプリケーション（http://mazzoangular2.azurewebsites.net/）を持っています。私は、単にアーティストの作品を検索する検索結果を返します。今すぐ入力された最初の文字を含むすべての絵を戻しています。あなただけpipeModiferの最初の文字と評価している、あなたのコードで

import { Pipe } from '@angular/core'; 

@Pipe({ 
    name: 'find' 
}) 

export class SearchPipe { 

    transform(pipeData, pipeModifier) { 
    return pipeData.filter((eachItem) => { 
     return 
eachItem['name'].toLowerCase().includes(pipeModifier.toLowerCase()) || 

eachItem['shortname'].toLowerCase().includes(pipeModifier.toLowerCase()); 
    }); 
    } 
}//End class SearchPipe 

SearchPipe.prototype.transform = function (pipeData, _a) { 
    var pipeModifier = _a[0]; 
    return pipeData.filter(function (eachItem) { 
    return 
eachItem['name'].toLowerCase().includes(pipeModifier.toLowerCase()) || 
eachItem['shortname'].toLowerCase().includes(pipeModifier.toLowerCase()); 
    }); 
} 

Answer 1

 SearchPipe.prototype.transform = function(pipeData, _a) { 
      var pipeModifier = _a[0]; 
      return pipeData.filter(function(eachItem) { 
       return eachItem['name'].toLowerCase().includes(pipeModifier.toLowerCase()) || eachItem['shortname'].toLowerCase().includes(pipeModifier.toLowerCase()); 
      }); 
     } 

：ここ

はtypescriptです検索コードです。フィルタロジックが機能しています。「吹き出し」で検索すると、「b」を使用して残りの検索を破棄するだけです。

これは、変換関数の宣言でpipeModifierを配列の最初の要素として渡すために起こります。 typescriptでは、これはpipeModifierの2番目の引数が配列であり、pipeModifierをその配列の最初の要素にしたいとしていることを意味します。

活字体機能

JavaScript関数を結果の

function test(var1, [var2, var3]){ 
    console.log(var2); 
} 

：あなただけの活字体はJavascriptにこれを変換する方法の

transform(pipeData, [pipeModifier]) 

transform(pipeData, pipeModifier) 

に例を変更することで、この問題を解決することができます

function test(var1, _a) { 
    var var2 = _a[0], var3 = _a[1]; 
    console.log(var2); 
} 

配列の大きさにかかわらず、最初の2つの要素だけが使用されます。