Angular 2 Ionic Form

Question

Я пытаюсь отправить форму в угловом формате, используя ionic

<form method="post" class="form-horizontal" action="https://localhost:44370/Account/ExternalLogin">
    <div>
        <p>
            <!-- ion-button block [disabled]="isDisabled" -->
            <button 
                name="provider" value="Coinbase" type="submit"
                title="Log in using your Coinbase account">
                Coinbase
            </button>               
        </p>
    </div>
</form>

Однако, когда я нажимаю кнопку отправки, ничего не происходит.

Answer 1

Используйте ngForm (шаблон или реактивный способ), предоставляемый angular. Также для вас кнопка создайте его дважды, один с недействительным и другой с действительным состоянием формы.

использовать (ngSubmit)="onSubmit()"

<form #form method="post" (ngSubmit)="onSubmit()" class="form-horizontal" action="https://localhost:44370/Account/ExternalLogin">
    <div>
        <p>
            <button ion-button block [disabled]="isDisabled" type="submit" title="Log in using your Coinbase account">
                Coinbase
            </button>
            <input type="hidden" name="provider" value="Coinbase">
        </p>
    </div>
</form>

П.Д .: Целесообразно всегда проверять данные, которые вы хотите предоставить программно, чтобы избежать атак XSS.