Primeng - Search multiple fields in Picklist

Question

I’m using Picklist on an Angular 7 app. In Picklist, I need to search more than one field displayed in the container.

On their website (Primeng) there is an example: Picklisttutorial On the tag, there’s a field called filterBy="Brand" where I place the field to be filtered, but need to inform more fields in this part.

I tried to do so filterBy="Brand, year, color", but only takes the first field to search.

Code of the Component.html.ts

<p-pickList [source]="sourceCars" [target]="targetCars" sourceHeader="Available" targetHeader="Selected" [responsive]="true" filterBy="brand" 
        dragdrop="true" sourceFilterPlaceholder="Search by brand" targetFilterPlaceholder="Search by brand" [sourceStyle]="{'height':'300px'}" [targetStyle]="{'height':'300px'}">
    <ng-template let-car pTemplate="item">
        <div class="ui-helper-clearfix">
            <img src="assets/showcase/images/demo/car/{{car.brand}}.png" style="display:inline-block;margin:2px 0 2px 2px" width="48">
            <div style="font-size:14px;float:right;margin:15px 5px 0 0">{{car.brand}} - {{car.year}} - {{car.color}}</div>
        </div>
    </ng-template>
</p-pickList>

Code Component.ts

export class PickListDemo {

    sourceCars: Car[];

    targetCars: Car[];

    constructor(private carService: CarService) { }

    ngOnInit() {
        this.carService.getCarsSmall().then(cars => this.sourceCars = cars);
        this.targetCars = [];
    }
}

Answer 1

Does without spaces: filterBy="brand,year,color"