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

角2离子型

  •  0
  • johnny 5  · 技术社区  · 5 年前

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

    <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 回复  |  直到 5 年前
        1
  •  1
  •   johnny 5    5 年前

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