angular - 按钮禁用无法正常工作
问题描述
这是我的场景,我有一个日期选择器和一个保存按钮。
当日期不可用时,我禁用了保存按钮。实际上我的代码在一般情况下工作
这是我当前的代码:
disableDate() {
for (let index = 0; index < this.dataSource.data.length; index++) {
if (this.dataSource.data[index].detail[0].dob != '' && this.dataSource.data[index].detail[0].dob != null
&& this.dataSource.data[index].detail[0].doe != '' && this.dataSource.data[index].detail[0].doe != null
&& this.dataSource.data[index].detail[0].dom != '' && this.dataSource.data[index].detail[0].dom != null
) {
if (this.formatDate(this.dataSource.data[index].detail[0].dob) > this.formatDate(this.dataSource.data[index].detail[0].doe)) {
return true;
}
}
}
return false;
}
这是我用于禁用按钮的 HTML 代码
<button mat-raised-button class="mx-1" color="primary" (click)="saveLplv()"
[disabled]="disableDate()">Save</button>
我在这里做错了什么;为什么禁用按钮无法正常工作?
解决方案
第一:
返回类型disableDate
应该是 bool。
第二
我建议您创建一个变量,例如disableBtn
最初为其分配错误值
disableBtn: boolean = false
然后在您检查条件的方法中,根据您的情况将按钮的状态更改为真/假
推荐阅读
- cypress - 不能将 cypress 与需要身份验证的代理一起使用
- azure-devops - 是否可以在 azure devops 中禁用发布管道的手动触发
- java - JavaFX 自定义节点不呈现子节点
- iphone - Apple 上的 PWA 要求访问每张图片?
- arena-simulation - 如何在竞技场模拟中正确设置优先级
- frameworks - Serilog 和 IoC 统一
- ios - 如何将文件路径加载为 URL 以在 Swift 的 wkwebview 上查看它?
- android - 有没有办法只使用 XML 来实现工具栏中的后退按钮?
- java - Java Spring - 当@RequestBody为空时抛出处理异常
- django - Django chart.js 多轴折线图