Question

<form [formGroup]="variation" (ngSubmit)="onSubmit()">
  <ion-list radio-group formControlName="color" *ngFor="let option of options">
  <ion-list-header>
    {{option.name}}
  </ion-list-header>

  <ion-item *ngFor="let opt of option.options">
    <ion-label>{{opt}}</ion-label>
    <ion-radio value="{{opt}}"></ion-radio>
    <!--<ion-input type="text" formControlName="color" name="color" value=""></ion-input>-->
  </ion-item>
</ion-list>
<button class="custom-button" block (click)="goToCart()">Submit</button>
</form>

以上是我在模态中的形式我没能从Modal中的Forms推送到另一个页面。下面是我对其他页面方法的推动

goToCart() {
    this.nav.setRoot(CartPage);
}

下面的图片是我单击表单中的提交按钮后，模态只滑了一半

Image to display problems

这是代码：

https://github.com/vinnchan/FormInModal

此应用包含允许点击和打开模态的第一页。单击打开模式按钮。之后，单击“提交”按钮并转到购物车页面。现在您在购物车页面，当您单击侧面菜单时，它将无法打开。我查看了浏览器控制台窗格，没有显示任何错误。

Answer 1

提交时尝试解除模态：

<button class="custom-button" block (click)="goToCart();dismiss();">Submit</button>

Ionic 2无法从Modal中的Forms推送到另一个页面

1 个答案: