Drop-Down-Ausgabe in Winkeln

stimmen
1

Ich bin ein Problem in meinem Dropdown-Box hat, zeigt es leer. Aber in der Konsole sein zeigt value.This ist mein Code

 <p-autoComplete [(ngModel)]=cdsidvalue [suggestions]=filteredCountriesSingle (completeMethod)=filterCountrySingle($event) field=name [size]=16
                        placeholder=CDSID [minLength]=1></p-autoComplete>

filteredCountriesSingle: any[];
  countries: any[];


 this.adminentrylistSearch=[


        {cdsid: '0121', firstname: 'FirstName1', lastname: 'LastName1' ,fullname:LastName1, FirstName1},
        {cdsid: '0122', firstname: 'FirstName1', lastname: 'LastName2' ,fullname:LastName2, FirstName2},
        {cdsid: '0123', firstname: 'FirstName3', lastname: 'LastName3' ,fullname:LastName3, FirstName3},
        {cdsid: '0124', firstname: 'FirstName4', lastname: 'LastName4',fullname:LastName4, FirstName4},
        {cdsid: '0125', firstname: 'FirstName5', lastname: 'LastName5',fullname:LastName5, FirstName5},
        {cdsid: '0126', firstname: 'FirstName6', lastname: 'LastName6',fullname:LastName6, FirstName6},
        {cdsid: '0127', firstname: 'FirstName7', lastname: 'LastName7',fullname:LastName7, FirstName7},
       }
filterCountrySingle(event) {
    let query = event.query;

    this.filteredCountriesSingle = this.filterCountry(query, this.adminentrylistSearch);

  ];

  filterCountry(query, adminentrylistSearch: any[]):any[] {
    //in a real application, make a request to a remote url with the query and return filtered results, for demo we filter at client side
    let filtered : any[] = [];
    for(let i = 0; i < adminentrylistSearch.length; i++) {
      let country = adminentrylistSearch[i];
      if(country.cdsid.indexOf(query) == 0) {
        console.log(country=+country.cdsid);
        filtered.push(country);
      }
    }
    return filtered;
  }

Bild unten für Verständnis

Veröffentlicht am 20/10/2018 um 12:25
quelle vom benutzer
In anderen Sprachen...                            


2 antworten

stimmen
2

Das Problem wird Sie das Feld als Namensbindung, die nicht in Ihrem Array vorhanden ist, müssen Sie ein Feld schaffen, das vorhanden ist wie folgt,

 <p-autoComplete [(ngModel)]="cdsidvalue" [suggestions]="filteredCountriesSingle" (completeMethod)="filterCountrySingle($event)" field="firstname" [size]="16"
 placeholder="CDSID" [minLength]="1"></p-autoComplete>

STACKBLITZ DEMO

Beantwortet am 20/10/2018 um 12:39
quelle vom benutzer

stimmen
0

Es gibt falsche Konfiguration in Ihrem HTML. Nehmen Sie folgende Änderungen

 <p-autoComplete [(ngModel)]="cdsidvalue" [suggestions]="filteredCountriesSingle" (completeMethod)="filterCountrySingle($event)" field="firstname" [size]="16"
                        placeholder="cdsid" [minLength]="1"></p-autoComplete>

Wenn Sie möchten, um es weiter gestalten

Unten Vorlage wird den Vornamen und Nachnamen angezeigt werden soll.

<p-autoComplete [(ngModel)]="cdsidvalue" [suggestions]="filteredCountriesSingle" (completeMethod)="filterCountrySingle($event)" field="name">
  <ng-template let-item pTemplate="item">
    {{item.firstname}} {{item.lastname}}
  </ng-template>
  <ng-template let-item pTemplate="selectedItem">
    {{item.firstname}} {{item.lastname}}
  </ng-template>
</p-autoComplete>
Beantwortet am 20/10/2018 um 12:39
quelle vom benutzer

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more