html - Angular 通过按 Enter 键或单击按钮提交

Question

我希望当我按回车键或登录按钮提交时。提交时只有单击按钮才起作用。谁能帮我让他们两个都工作吗？

<div class="BLog">
            <div class="Log" (click)="Log()">
                Log in
            </div>
</div>

async Log() {
    let self = this;
    let ident = {
      username: self.username,
      password: self.password,
      client_id: "task",
      grant_type: "password",
    }
    let aux = await self.logService.postAt(ident);
    if(aux) self.router.navigate(['first']);
  }  

Answer 1

您必须将其连接到表单中并添加一个提交类型的按钮。

<form (submit)="Log()">
   <div class="BLog">
            <div class="Log">
                <button type="submit">Log in</button>
            </div>
   </div>
</form>