如何防止在构建过程中禁用和启用Angular应用中的按钮？

Question

我有一个Angular应用程序，在生产过程中可以启用和禁用按钮，如何防止从浏览器工具中获取任何输入。

Answer 1

在前台，你可以添加一个 同理 你 用于禁用按钮 在点击事件中 功能 所以即使在点击事件中更新了html，也会失败。

但后端必须对所有错误情况进行验证。

<button [disabled]="condition > 2" (click)='submit()' > 2">Submit</button>

在TS中。

submit(){
 if(this.condition < 2){
 // then add logic 
}
}

Answer 2

有没有可能禁用按钮的方式，它不能从浏览器的开发工具中修改。我的意思是，如果有 <button disabled>Click me</button> 一个代码片段，即 disabled 属性可以被移除，按钮可以被点击。

你能做的就是在后端验证所有的请求。如果按钮是被禁用的，而后台收到的请求应该是来自启用的按钮，那么后台应该用以下方式响应 400 Bad Request.

注意，在客户端的JavaScript代码也可以被篡改。

Answer 3

你可以通过< input [disabled]="yourBoolean" 禁用每个输入。

更好。

你可以通过以下方式显示一个带有信息文本的对话框 哑剧 (options : {disableClose:true, closeOnNavigation:false})来防止输入字段的更改。

当您决定用户可以再次使用应用程序时，您可以通过编程关闭对话框。