Angular 2/4: nativeElement.submit () не отправляет форму в Firefox, но работает в Chrome

Question

Я отправляю форму с помощью метода POST старой школы (NON AJAX) на внешний сайт со своей страницы. Форма, на которую я ссылаюсь, представлена ​​в Chrome, но не в Firefox. Есть ли у nativeElement проблемы с совместимостью браузера?

Форма в формате html:

    <form [formGroup]="form" #gatewayFormElement *ngIf='form' action="abcpage" (submit)="onSubmit($event)" method="POST" ngNoForm  >
    .........
            <button [formGroup]="form" type="submit">
                {{ 'Connect to Suntech' | translate }}
            </button>
   </form>

Мой компонент

export class EsafeComponent extends GatewayBaseClass implements OnInit {

@ViewChild('gatewayFormElement') private gatewayFormElement:ElementRef;
 ...............
onSubmit(event: Event) {
    this.gatewayFormElement.nativeElement.submit();
}

В хромированной форме размещается на другой странице, но не в Firefox. Я пробовал 2, 3 разные версии Firefox.

Любая помощь приветствуется, спасибо!

Answer 1

вам не нужен ViewChild, если вы хотите отправить форму с помощью кнопки

<form #gatewayFormElement [formGroup]="form" *ngIf='form'
          action="http://wwww.abcpage" method="POST">
   ...
   <!-- not put [formGroup]="form" in the button -->
   <button type="submit">
          {{ 'Connect to Suntech' | translate }}
   </button>
   <!--you can use a button type button too-->
   <button type="button" (click)="gatewayFormElement.submit()>
         {{ 'Connect to Suntech' | translate }}
   </button>