Angular2 v2.4.9 HTML-Auswahl zeigt keine Optionen an

Question

Ich habe dieses Problem mit angular2, seit ich von angularjs, migrierte die Optionen Daten des Select-Elements stammt aus einer Abfrage von Solr, diese Abfrage dauert nicht so lange und gibt immer die Antwort 200 und die Daten.

Das Problem ist, dass, wenn ich die Seite nicht aktualisieren oder abmelden und erneut anmelden, dies die Optionen nie erscheinen, und manchmal ist zufällig die Anzahl der Male muss ich aktualisieren, um diese Optionen zu sehen.

Ich dachte dieses Problem hatte mit Bootstrap oder dem Browser zu tun, aber in Chrome und Firefox das Problem ist das gleiche.

Ich denke, ist ein angular2 Bug, aber im Moment bin ich auf der Suche nach einer Arbeit um oder hacken, um es funktionieren zu lassen, ich muss die Webseite morgen arbeiten (ich hoffe).

HTML-Code:

<select class="selectpicker" data-live-search="true" [(ngModel)]="selectedId" (change)="changeValue($event.target.value)"> 
    <option *ngFor="let d of destinos | orderBy" [ngValue]="d.id">{{getName(d)}}</option> 

</select> 

Zusätzliche Details:

• destinos Daten korrekt sind gefüllt ist, kann ich die Ausgabe sehen, wenn die Daten empfangen werden

• orderBy ist eine benutzerdefinierte Rohr, hier ist der Code:

Importieren Sie {Pipe, PipeTransform} aus '@ angular/core';

@Pipe ({Name: 'orderBy', rein: false})

Export Klasse implementiert SortiertNach PipeTransform {Transformation (array: Array, args: string): Array {

console.log(array); 
if (array == undefined) 
    return; 
array.sort((a: any, b: any) => { 

    if (a.toLowerCase() < b.toLowerCase()) { 
    return -1; 
    } else if (a.toLowerCase() > b.toLowerCase()) { 
    return 1; 
    } else { 

    return 0; 
    } 
}); 
return array; } 

}

Update nur für den Fall jemand hat dieses Problem, das ich die class="selectpicker" vom sele entfernt ct und jetzt funktioniert es immer, ich denke das Problem hat es mit Bootstrap zu tun, für den Moment, während es ein bisschen hässlich aussieht, ist es eine gute Lösung.

Answer 1

Haben Sie ohne "| orderBy" versucht? weil in Angular2 kein FilterPipe oder OrderByPipe mehr vorhanden ist. ->https://angular.io/docs/ts/latest/guide/pipes.html