Angular 2 离子形式

Question

我正在尝试使用 ionic 提交 Angular 表单

<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

使用 angular 提供的ngForm（模板或反应方式）。也为您按钮创建两次，一次无效，另一次具有有效表单状态。

使用(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>

P.D.：明智的做法是始终验证您要以编程方式提交的数据以避免 XSS 攻击。