AngularJs에 아이콘이있는 옵션을 표시하면서 텍스트를 검색 할 때 각도 선택을위한 방법이 있습니까?

Question

예를 들어, 나는 다음과 같은 요소 목록이 있습니다

[{ 
    id: 1, 
    name: 'The only planet with life that currently found', 
    icon: 'base64-blablalbla', 
    abbr: 'Earth' 
}, { 
    id: 2, 
    name: 'Another string that describes M*a*r*s', 
    icon: 'base64-blablalbla', 
    abbr: 'Mars' 
}, { 
    id: 3, 
    name: 'Another string that describes M*o*o*n', 
    icon: 'base64-blablalbla', 
    abbr: 'Moon' 
}] 

은 내가 "AR"을 검색하면 "약식"필드에 (지구와 화성에 충돌) 것을 선택 플러그인을 사용하려면, 선택 사항은 그 표시 아이콘이 표시됩니다. 일반적인 동작과 달리 "name"필드를 검색하여 "name"필드를 검색하고 "abbr"필드를 검색하고 "icon"필드를 표시하거나 이름 + 아이콘을 표시하거나 사용자 정의 할 수 있습니다. 최고가 되십시오.

select2 또는 다른 플러그인도 환영합니다.

아무도 도와 줄 수 있습니까? 미리 감사드립니다.

<div *ngFor="let item of items | yourCustomPipe:'id,text':query"> 
    <i [ngClass]="item.icon"></i> 
</div> 

을하지만 carreful 수, Pipe can slow your app

을 그래서 다음, 당신은 custom Pipe which will filter your items 있습니다

Answer 1

당신이이 CustomPipe 엉 달성 할 수있다.