2017-01-23 3 views
1

Ich erstelle derzeit eine modale Funktionen für meine Vorlage, die Profit von named outlet nimmt, bis jetzt schrieb ich manuell meinen Link, um das Modal zu öffnen, aber ich möchte es einfacher machen.Richtlinie zum Umleiten zu einer Steckdose

Aktuelle Code:

<a [routerLink]="['', { outlets: { modal: ['upload'] }}]" [preserveQueryParams]="true">+</a> 

Expected Code:

<a [modal]="upload">+</a> 
<button [modal]="upload">+</button> 

Wie könnte ich so etwas wie dies schaffen? Ich habe das nativeElement gesehen, aber ich denke nicht, dass das Bearbeiten der DOM die einfachste Lösung ist, um das zu handhaben.

+0

Sie können den Router und ActivatedRoute einfach in Ihre Anweisung einfügen und eine der Routerfunktionen aufrufen, um zu einer anderen Route zu navigieren (benötigt die aktuelle Route für die relative Navigation) –

+0

Und an das click-Ereignis des Elements binden? – Sakuto

+0

genau. Sie können '@HostListener()' verwenden –

Antwort

0

Wie von Günter vorgeschlagen, ging ich eigentlich mit dem Klickereignis. Hier ist mein endgültiger Code für denjenigen, dem das gleiche Problem begegnet ist.

Wenn ich kein Element angeben, schließe ich gerade das aktuelle Modal.

Verwandte Themen