如何在Angular 7中过滤元素答案

【问题标题】：How to get elements filtered in Angular 7如何在Angular 7中过滤元素
【发布时间】：2019-04-04 18:10:44
【问题描述】：

我的元素通过字段按名称过滤，我想获得过滤后过滤的元素。我只需要那些已经过滤的，所以代码： (filteredItems = (items |orderBy:'order_prop' | filter:query | limitTo:4))

此代码适用于 Angular JS - 我需要 Angular 7，我该怎么做？

  <input ng-model="query">
     <div ng-repeat="item in (filteredItems = (items | 
      orderBy:'order_prop' | filter:query | limitTo:4))">
      {{item}}
     </div>

//filteredItems, take the items

我需要在2之后获得Angular，不再是Angular JS，有人有什么想法吗？

【问题讨论】：

angular.io/guide/pipes#no-filter-pipe
stackoverflow.com/questions/44769748/angular-4-pipe-filter
您不需要，也不应该使用管道进行过滤。只需 Array.prototype.filter() 和 Array.prototype.slice()。
stackoverflow.com/questions/35158817/angular-2-orderby-pipe
我会这么说是因为对于过滤和排序，Angular 团队建议不要使用管道。 “Angular 团队和许多经验丰富的 Angular 开发人员强烈建议将过滤和排序逻辑移至组件本身。” angular.io/guide/pipes#no-filter-pipe

标签： angular

【解决方案1】：

如果有人找到更好的解决方案，请告诉我

//DOCUMENT HTML
<tr #var *ngFor="let cliente of clientesArray | filter:searchClient as 
results" attr.data-id="{{cliente.id}}" [ngClass]="{'selected': 
cliente.id==selectedCustomer}" (click)="customerSelected(cliente.id)">  
    <td class ="pl-4 font-size-15px text-custom"> {{cliente.id}} </td>                                                                                
    <td class="text-custom"> {{cliente.name}} </td>
</tr>

//COMPONENT TYPESCRIPT

@ViewChildren('var') createdItems;

let elementsArray: any[] = [];

for(let element of this.createdItems.toArray()){
  elementsArray.push(element.nativeElement.children);
}

let myElementsArrayObject: {id?: number, name?:string}[] = [];
let object: { id?:number, name?:string} = {};

for(var _i = 0; _i < elementsArray.length; _i++){      
     object.id = elementsArray[_i][0].innerText; // TEXT
     object.name = elementsArray[_i][1].innerText; //TEXT, ADD AS MANY ITEMS 
     YOU WANT

     myElementsArrayObject.push(object);              
}

console.log(myElementsArrayObject);

【讨论】：