Angular提交在提交之前不会填充隐藏输入

我正在创建一种使用angular的不同提供商登录的方法。 我在提交表单时遇到问题,loginProvider值未被发送到服务器。 我有一个看起来像这样的表格:

<form #form method="post" class="form-horizontal" [action]="loginUrl">
    <div>
        <p>
        <button ion-button block (click)="loginFrom(form, 'StripeConnect')" title="Log in using Stripe">
            Stripe Connect
        </button>
        <button ion-button block (click)="loginFrom(form, 'google')" title="Log in using Google">
            Google
        </button>
            <input type="hidden" name="provider" [value]="loginProvider">
            <input type="text" name="entryCode" placeholder="Entry Code">
        </p>
    </div>
</form>

在我的打字脚本文件中,我有以下内容:

loginProvider: string
loginFrom(form, loginProvider) {
  this.loginProvider = loginProvider;
  setTimeout(() => form.submit(), 0);
}