angular-material - 在特定要求下如何隐藏属性？

Question

我在模板中定义了这个元素：

<mat-accordion class="" [multi]="true" hideToggle>
</mat-accordion>

当页面显示在设备上时，我需要在上面的元素中禁用 hideToggle 属性。

在特定要求下如何隐藏属性？

标签： angular-material

Answer 1

您可以将其用作输入指令。

在 component.ts 文件中创建一个变量来指示是否应该启用或禁用它。

public hideToggle: boolean = true;

然后在 html 中使用它，如下所示：

<mat-accordion [hideToggle]="hideToggle">

Stackblitz 中的示例