离子 ngform 提交呈现模式

Question

我创建了一个表单，在表单中我有一个按钮

<form #f='ngForm' (ngSubmit)='onAddBusiness(f)' >
....
....
    <ion-item>

            <button ion-button icon-left outline block (click)='openMap()'>
              بۆ دیاریکردنی شوێن کلیک لێرە بکە
              <ion-icon name="map"></ion-icon>
            </button>
            <p *ngIf="(position==undefined); else elseblock">
              هیچ شوێنێک دیاری نەکراوە
            </p>

            <ng-template #elseblock>
              <p #elseblock>
                دەست خۆش شوێنەکە دیاری کرا
              </p>
            </ng-template>

          </ion-item>
     <ion-item>
        <button type='submit'   ion-button block [disabled]="!f.valid">ناردن</button>
      </ion-item>
    </ion-list>
  </form>

该按钮是一个模态框，用于在地图上设置位置。问题是每当我单击按钮打开模式时，都会提交表单。

Answer 1

在打开模式的按钮中，将 type 指定为 button。

<button type='button' ion-button icon-left outline block (click)='openMap()'>
    بۆ دیاریکردنی شوێن کلیک لێرە بکە
    <ion-icon name="map"></ion-icon>
</button>

离子 ngform 提交呈现模式

ionic ngform submit on presenting modal

ionic2

ionic3

angularjs-ng-form