如何禁用 material2 angular2

分享于2023年03月15日 angular angular-material angular2-template typescript 问答
【问题标题】:How to disable material2 angular2如何禁用 material2 angular2
【发布时间】:2018-03-23 23:49:18
【问题描述】:

我在材料设计的官方文档方面遇到了一些问题, 他们说

可以使用 disabled 属性禁用扩展面板。用户无法切换禁用的扩展面板,但仍可以通过编程方式进行操作。


  
    This is the expansion title
  
  
    This is a summary of the content
  

但是当我尝试它时会抛出一些错误-

Uncaught Error: Template parse errors:
Can't bind to 'disabled' since it isn't a known property of 'md-expansion-panel'.
1. If 'md-expansion-panel' is an Angular component and it has 'disabled' input, then verify that it is part of this module.
2. If 'md-expansion-panel' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("

            ][disabled]="true"

               routerLink="/settings/tools"
")

有什么帮助吗?

  • 您能否更新您的问题以显示 Angular 版本和 Angular Material 版本?

【解决方案1】:

当我查看 mat-expansion-panel 代码 ( selector: 'mat-expansion-panel' ) 时,我发现它确实已禁用它的输入之一 ( inputs: ['disabled', 'expanded'] ),但我没有看到它被使用...

我可以建议一个解决方法:在 mat-expansion-panel 上设置 pointer-events: none

【讨论】: