将角度分量内容属性值作为参数传递

问题描述

我有一个组件test.component.ts，该组件使用角度材料的菜单。

模板看起来像这样：

test.component.html

<mat-menu class="panel-class" >
    <button mat-menu-item>Item 1</button>
    ...
</mat-menu>

mat-menu组件内部具有一个对我隐藏的菜单面板。但是我可以通过在mat-menu组件上传递一个类来为面板设置样式： <mat-menu class="panel-class" ...</mat-menu>。这里的class属性是mat-menu组件@Input('class') set panelClass(classes: string) { ... }的输入，而不是HTML中常见的默认类属性。

问题在于，menu-panel是作为叠加层动态插入的，并且没有_ngcontent-ryp-c229属性，这意味着未应用样式。

是否可以进行这项工作而不必全局定义类？

我有一个mat-menu组件的自定义实现，因此我是_ngcontent-ryp-c229上的test.component.ts值，并通过mat-menu将其传递给@input()组件并将其应用于mat-panel。但是我找不到有关如何获得该价值的任何信息。

我也不想使用::ng-deep选择器，因为它将不推荐使用。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）