AngularJSで動的フィルタを作成する方法は？

Question

data = {key:0, Name:"Arun", key:1, Name:"Ajay", key:3, Name:"Ashok"} 

function dynamicfilter(data, fieldName, filtervalue){ 
    $filter('filter')(data, { fieldName: filtervalue }); 
} 

AngularJSで動的フィルタを実行する方法。私はこれがうまくいかないようにしてみました。

しかし、私は

function dynamicfilter(data, filtervalue){ 
     $filter('filter')(data, { Key: filtervalue }); 
    } 

のような静的フィールド名を与えるとそれは働いています。 AngularJSのコントローラー内にダイナミックフィールドフィルターを設定する方法が分かりますか？ obj[propertyName] = valueのような角括弧でプロパティアクセサを使用してみてください、あなたの動的なプロパティ名を使用するように

Answer 1

：

function dynamicfilter(data, fieldName, filtervalue){ 
    var filter = {}; 
    filter[fieldName] = filtervalue; 
    $filter('filter')(data, filter); 
} 

ES2015のよう、あなたもcomputed property namesを使用することができます。これはしかし、すべてのブラウザで動作しないことがあります。

$filter('filter')(data, { [fieldName]: filtervalue }); 

Answer 2

あなたがこれを行うようになる別の構文を使用：

var filterData = {}, key = 'myField', value = 'myValue'; 
filterData[key] = value; 

結果：{ myField: 'myValue' }

Answer 3

あなたはこの

<input type="text" [(ngModel)]="search1" value="" class = "form-control" id = "search" /> 
 

 
<ng-container *ngFor="let app1 of apps"> 
 
     <tr *ngIf="!search1 || app1.name.includes(search1)"> 
 
     <td>{{app1.name}}<td> 
 
      <td>{{app1.login}}<td> 
 
     </tr> 
 
    </ng-container>

のように気にいらを使用することができます