Angular 2, wählen Sie die Option Ausgabe

Question

In Angular 2 habe ich eine Auswahl (Dropdown-Menü) mit dynamischen Optionen (Kategorien in diesem Fall) und eine Option erstellt, die eine Funktion zum Erstellen einer neuen Kategorie aufruft, die zur Auswahl hinzugefügt wird Optionsliste (dh das Dropdown-Menü).

<md-select name="categories" (change)="categoryChanged($event)" [(ngModel)]="selectedCategory" floatPlaceholder="never" #categorySelect> 
    <md-option (click)=openAddCategoryDialog(proj)>Add Category</md-option> 
    <md-option *ngFor="let curr of proj['data'][0].Category" [value]="curr">{{curr.name}}</md-option> 
    </md-select> 

Als ich „Kategorie hinzufügen“ aus dem Auswahl Dropdown auswählen und eine neue Kategorie erstellen, möchte ich die Select den vorherigen Wert anzuzeigen, die in dem Auswahlfeld angezeigt wurde. In diesem Fall wird derzeit nichts angezeigt. Wenn ich zwischen anderen Werten wechsle, wird die ausgewählte Kategorie angezeigt.

Wie mache ich die Auswahl die zuvor ausgewählte Kategorie bei Auswahl von 'Kategorie hinzufügen'?

Answer 1

Eine mögliche Lösung ist die Add Category Option deaktivieren

<md-option (click)=openAddCategoryDialog(proj) disabled>Add Category</md-option> 

Dadurch wird sichergestellt, dass der Drop-Down nicht zu Add Category nicht ändert, aber zugleich noch das Click-Ereignis ausgelöst eine neue Kategorie hinzuzufügen. Hier ist eine stack blitz Demo dies.

---

Laut meinem Kommentar fühlt sich diese Funktionalität merkwürdig und wie ein Workaround. Ich würde empfehlen, die Funktion "Kategorie hinzufügen" aus der Auswahl zu entfernen.