*ngFor与过滤管和切片不工作。

Question

我有一个组件，在ngFor元素中带有搜索字段和用户列表。我的目标是只显示列表中的前10个用户。下面是html部分。

<div class="admins-box-input">
   <input type="text" [(ngModel)]="term" [ngModelOptions]="{standalone: true}">
   <div class="card-user" *ngFor="let admin of admins | slice:0:10; filter:term">
     <img src="{{admin?.avatar}}" alt="">
     <h2>{{admin?.first_name}} {{admin?.last_name}}</h2>
   </div>
</div>

但我一直收到这个错误

Can't bind to 'ngForFilter' since it isn't a known property of 'div'. ("xt" [(ngModel)]="term" [ngModelOptions]="{standalone: true}">
              <div class="card-user" [ERROR ->]*ngFor="let admin of admins | slice:0:10; filter:term">
                <img src="{{admin?.avatar}}""): ng:///AppModule/GroupCreateComponent.html@72:37
Property binding ngForFilter not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("        <input type="text" [(ngModel)]="term" [ngModelOptions]="{standalone: true}">
              [ERROR ->]<div class="card-user" *ngFor="let admin of admins | slice:0:10; filter:term">

希望能得到任何帮助。我这里用的是Ng2SearchPipeModule，这个管子很好用--。*ngFor="let admin of admins | filter:term" 但当我试图在其中添加一些东西时，它就坏了。

Answer 1

应用多个管道，像这样。

let admin of admins | slice:0:10 | filter:term