Question

我正在创建一个Web应用程序，而不是在按下提交按钮时路由到一个全新的页面，我只想在mdDialog或我已经拥有的表单上显示其他内容。

到目前为止，我主要只是计划出来，但我所拥有的一些伪代码是这样的：

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>

在typeScript中会有一个名为submit（）的方法，但我不知道如何去做它并且是TS和angular 2的新手

Answer 1

您可以使用*ngIf。

例如：

在构造函数上方：

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>

在提交后触发的功能

this.show_my_form = false;

您可以通过更改布尔值来显示和隐藏内容。在您的情况下隐藏表单并显示另一个元素。（你需要为其他元素创建一个布尔值）

当在表单上按下按钮时，有没有办法显示新的mdDialog？

1 个答案: