PrimeNg p-Drop-Down-Modul nicht erweitern nicht

Question

Ich habe ein Problem mit p-Drop-Down-Modul in Primeng und Angular 4.

I Optionen mit Werten aus Schleife gefüllt haben:

for(let i = 1; i <= 20; i++) { 
      this.iterations = [... this.iterations, { label: i, value: i}] 
     } 

und ich versuche, um es in meiner Vorlage zu verwenden:

<p-dropdown [options]="iterations"></p-dropdown> 

Das Problem ist, dass Dropdown nur den ersten Wert anzeigt (in diesem Fall '1'). Wenn ich das 'Iterations' Array überprüfe oder das Iterations Array statisch setze, bleibt das Problem bestehen. Ich glaube, ich habe das Modul korrekt in mein Modul eingefügt. Ist das Dropdown-Modul von anderen Modulen abhängig?

import {DropdownModule} from 'primeng/primeng' 

// edit Ich fand, dass es etwas mit dem Modul HTML-Teil sein kann. Schauen Sie sich Bild unten

Grüße

Answer 1

Sie SelectItem in der Komponente importieren müssen

import {SelectItem} from 'primeng/primeng' 

und die Objekte müssen diese Schnittstelle

<p-dropdown [options]="iterations"></p-dropdown> 

wo Iterationen implementieren ist das Array von SelectItem

iterations: SelectItem[]; 

Es ist die Komponente

iterations: SelectItem[]; 

selectedIteration: string; 

ngOnInit() { 
    this.iterations = []; 
    for(let i = 1; i <= 20; i++) { 
     this.iterations.push({ label: i.toString(), value: i.toString() }); 
    } 
}