ngSubmit не будет отправляться на мобильный браузер

Question

при нажатии (нажатии) кнопки ничего не происходит!

отлично работает на рабочем столе Windows 10 с использованием браузеров, таких как Chrome или Firefox, но НЕ с такими устройствами, как Samsung Galaxy Note 4 (android 6) или Samsung Galaxy Tab S3 (android 8).

вот мой код ..

<form fxLayout="column" fxLayoutAlign="center" [formGroup]="customerForm" (ngSubmit)="saveCustomer(customerForm.value)">
    <label for=""><h3>New Customer</h3></label>
    <mat-form-field>
        <input matInput placeholder="First Name" formControlName="firstName" autocomplete>
    </mat-form-field>
    <mat-form-field>
        <input matInput placeholder="Last Name" formControlName="lastName" autocomplete>
    </mat-form-field>
    <mat-form-field>
        <input matInput placeholder="Email" formControlName="email" autocomplete>
    </mat-form-field>
    <mat-form-field>
        <input matInput placeholder="Telephone" formControlName="telephoneNum" autocomplete>
    </mat-form-field>
    <mat-form-field>
        <input matInput placeholder="Cellular" formControlName="cellularNum" autocomplete>
    </mat-form-field>

    <button type="submit" mat-raised-button color="primary">Submit</button> 
</form>

вот код компонента ..

saveCustomer(newCustomer: Customer) {
    this.customerService.saveCustomer(newCustomer).subscribe(
        customer => console.log(customer),
        err => console.error(err),
        () => this.router.navigate(["/customers"])
    );
}

кто-то еще имеет эту проблему?

Answer 1

Ваш код выглядит хорошо, просто замените эту строку, и она будет работать:

Замените эту строку

 (ngSubmit)="saveCustomer(customerForm.value)"

На эту строку

(submit)="saveCustomer(customerForm.value)"

Это связано с тем, что angular 2+ работает над одной и той же функцией JavaScript или методами html-элемента для односторонней привязки событий, просто помещая ( любое событие js / Html )

например: onclick может быть записано как (щелчок) в угловых. onblur можно записать в виде (размытие) в угловом выражении.

Дайте мне знать, если вы его получите.

Answer 2

Возможно, если вы попробуете со свойством (click) = "" и удалите это (ngSubmit)="saveCustomer(customerForm.value)"

Пример:

<button (click)="saveCustomer(customerForm.value)" 
 type="submit" mat-raised-button color="primary">Submit</button>