Two or more multiselect fields with "select all" button

[bonomi2003]

First of all, I would like to thank the programmers of the project. He is very good.

I have a project that I need to use 2 or more "ionic-selectable" on the same page and both have to have the "select all" button. These fields are created dynamically.

the usage examples have a selector to identify the fields like:

@ViewChild('portComponent') **portComponent**: IonicSelectableComponent;

<ionic-selectable **#portComponent >** </ionic-selectable>

as the fields are generated dynamically, I can't create the selector dynamically. Today only the first field works, the others are giving error.

My field today has the following code:

`<ionic-selectable
#portComponent
[(ngModel)]="questionBloco.opcaoSelecionadaArray"
itemValueField="id"
itemTextField="descricao"
closeButtonText="X"
searchPlaceholder="Pesquisar"
[searchFailText]="'Nenhum registro encontrado!'"
[items]="questionBloco.opcoes | sort : 'descricao'"
[canSearch]="true"
[isMultiple]="true"
name="question-{{questionBloco.id}}-{{blocos.sequencia}}"
[hasVirtualScroll]="true"

`

as you can see the name field is generated dynamically, but I can't do the same with the #portComponent selector.

Is there any way to solve this problem?