javascript - Angular 2 ionic 形式

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

使用ngForm (模板或 react 方式)由 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>

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