Question

我的项目上有一个电子邮件验证页。注册的新用户将收到一封电子邮件，要求他们进行验证。如果在一定时间后未单击电子邮件中的链接，则页面将显示他们需要单击的按钮，以便他们将收到新的电子邮件。我希望在单击该按钮后将其永久禁用，即使用户返回链接也是如此。

我已将[disabled]属性添加到按钮上，并在单击后将其设置为true。但是，刷新或重新访问页面后，该按钮将不会被禁用。

到目前为止，这是我的HTML：

<button type="button" 
    class="btn btn-primary" 
    [disabled]="clicked" 
    (click)=resendEmail()>
        Resend Verification E-mail
</button>

在我的.ts中：

resendEmail() {
  this.clicked = true;
}

Answer 1

作为快速解决方案，您可以使用localStorage

this.clicked = localStorage.getItem('clickedVerificationMail') !== null;
if (! this.clicked) {
    localStorage.setItem('clickedVerificationMail', true);
    this.clicked = true;
}

通常，您真正想要强制执行或与安全相关的所有内容都属于您的服务器。用户可以轻松更改Javascript。

单击后永久禁用按钮

1 个答案: