如何阻止角度的后续点击？

Question

在角度打字稿中，在登录和注销期间如何将单击限制为一次，从而阻止下一次单击？ 对不起，我的英语不好

Answer 1

您有供我们使用的示例代码吗？

没有任何要构建的内容，我不能给出非常具体的答案，但是通常来说，在登录组件中，您应该声明一个属性以跟踪用户是否可以单击按钮。每当用户提交表单时运行一个函数。

export class LoginComponent {
    canSubmitForm = true;

    onSubmit() {
        if(this.canSubmitForm) {
            this.canSubmitForm = false;
            // ~ YOUR CODE HERE ~
        }
    }
}

从服务器收到响应后，可以将CanSubmitForm的值更改为true，或转到另一页。

在HTML中，单击onSubmit或button时运行input type="button"。

<button (click)="onSubmit()" [disabled]="!canSubmitForm">Submit</button>

出于安全原因，您的后端也应进行检查以确保每个请求均有效。 从不信任客户端！