代码之家 › 专栏 › 技术社区 › johnny 5

角2离子型

ionic-framework typescript angular html javascript

johnny 5 · 技术社区 · 7 年前

我试着用离子的角度来提交一个表格

<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>

但是,当我单击提交按钮时,不会发生任何事情。

1 回复 | 直到 7 年前

johnny 5 7 年前

使用 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攻击。

推荐文章