angular - 如果列表为空,如何禁用 mat-form-field 或 mat-autocomplete?

标签 angular angular-material

如果源列表为空,我想禁用 mat-form-field 和/或 mat-autocomplete。我已经在 mat-form-field 上尝试了 disable="true" (disable=list.empty) 但没有用。

这里是 stackblitz:https://stackblitz.com/angular/dnbdkokmnelo?file=app%2Fchips-autocomplete-example.html

如果水果列表是空的怎么办?

我正在寻找类似 disabled mat-select...

https://stackblitz.com/angular/rkdgkaerxdk?file=app%2Fselect-disabled-example.ts

最佳答案

如果您想禁用 MatChipList,只需在 mat-chip-list 标签中写入 [disabled]="true"。现在用户不能再移除筹码了。

如果要禁用输入字段,只需在input标签中写入[disabled]="true"即可。

当然你可以使用任何条件而不是true

关于angular - 如果列表为空,如何禁用 mat-form-field 或 mat-autocomplete?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58325820/

相关文章:

twitter-bootstrap - ngx-bootstrap:模态打开时小而不是大

angular-material - 如何在有角度的 Material 中在 Snackbar 上添加 html 内容?

javascript - 使用 Angular Material 指令捕获所有 md 按钮上的单击事件

javascript - 如何使用 Angular 2(测试版和更新版本)加载 RxJS(和 zone.js/reflect-metadata)?

javascript - Angular 2 json获取数据对象

angularjs - 如何在 Angular2 中进行 HTTP POST 调用并打印响应

angular - 从指令中创建/获取 TemplateRef

css - 我如何构建一个自定义 Angular 组件,其宽度可在 CSS 中设置?

javascript - 在 md-dialog 中选择事件的 md-tab md-tab-group

javascript - 在父组件相同的两个组件之间发送数据