Dropdown list in Jhipster entities using PrimeNg

Question

I'm trying to use PrimeNg in dropdown list of Jhipster generated entities:

my .jdl file

`entity Testcns (testcns) {
  libCns String,
  dateCreaEnr Instant
}
entity Testfam (testfam) {
  nomFam String,
  dateCreaEnr Instant
}
relationship ManyToOne {                   
  Testfam{testcns(libCns)} to Testcns      
}              
`

UI create new Testfam

What I want is a dropdown with filters instead:

the searching is not working in my code:

and here is my code of the select:

my code with primeng
          <h3>Content with Filters</h3>
        <p-dropdown name="customizedselect" [options]="testcns" [(ngModel)]="testfam.testcns"
                    filter="filter" [autoWidth]="false" [style]="{'width':'150px'}">
            <ng-template let-testcns pTemplate="item">
                <div class="ui-helper-clearfix" style="'display': 'inline-block'">
                    <span >{{testcns.libCns}}</span>
                </div>
            </ng-template>
        </p-dropdown>

Any tips? Thank you very much