Gibt es eine Möglichkeit, einen neuen mdDialog anzuzeigen, wenn eine Taste auf einem Formular gedrückt wird?

Question

Ich mache eine Web-App und anstatt auf eine ganz neue Seite zu routen, wenn eine Submit-Taste gedrückt wird, möchte ich nur etwas anderes über den mdDialog oder das Formular anzeigen, das ich bereits habe.

Bisher bin ich meistens der Planung nur es aus, aber einige Pseudo-Code, die ich habe, ist so etwas wie dieses:

HTML:

<form [formGroup]="firstFormUserSees"> 
    **input containers and what not** 
</form> 
<div> 
    <button md-raised-button (click)="submit()"[disabled]="firstFormUserSees.invalid>Submit</button> 
</div> 

<form [formGroup]="secondFormUserSees" *ngIf= **something**> 
    **second form stuff here** 
</form> 

Und im Typoskript es ein Verfahren genannt werden würde submit(), aber ich bin einfach nicht sicher, wie es geht und bin neu in TS und Winkel 2

Answer 1

Sie können *ngIf verwenden.

Zum Beispiel:

Above Ihrer Baumeister:

show_my_form = true; 

HTML

<form [formGroup]="firstFormUserSees" *ngIf="show_my_form"> 
    **input containers and what not** 
</form> 
<div> 
    <button md-raised-button (click)="submit()"[disabled]="firstFormUserSees.invalid>Submit</button> 
</div> 

<form [formGroup]="secondFormUserSees" *ngIf= **something**> 
    **second form stuff here** 
</form> 

Und in der Funktion, die Sie nach einem Trigger einreichen

this.show_my_form = false; 

Sie können den Inhalt ein- und ausblenden, indem Sie den booleschen Wert ändern. In Ihrem Fall verstecken Sie das Formular und zeigen Sie ein anderes Element an. (Sie müssen auch einen Boolean für die anderen Elemente erstellen)