Angular 4 在两个列表中搜索

Question

我已经开始开发一个新的应用程序，尝试在我的应用程序中使用 Angular，但是我是新的，我需要一些指导。

 <form id="filter">
   <label>Searching for tel.no</label>
      <input type="text" ng-model="term" />
    </form>

    <ul *ngFor="let hero of listA |filter:term">  
    <div class="single-hero">
    {{hero.price}}
    </div>
    </ul>

过滤器.pipe

if(term===undefined) return listA;
    return listA.filter(function(hero){
        return hero.prefix.includes(term));
    })

目前它给我的术语未定义

export class AppComponent {
li = []; lu=[]

如有帮助，我们将不胜感激

Answer 1

您可以使用indexOF

export class MyFilter implements PipeTransform {

    transform(items: any[], term: any[]): any {
      if (!term) 
        return items;
      return items.filter(item => item.prefix.indexOf(term) > -1);
    }
}

<强> DEMO