渲染角度材质控件时缺少样式

Question

我正在使用角度渲染引擎来渲染材质组件。但是当我渲染控件（在我的情况下为 Cards => mat-card）时，它们没有任何样式。所以预建主题附带的所有内容（node_modules\@angular\material\prebuilt-themes ）。

当我手动添加卡片时 =>

<mat-card> test</mat-card>

并在它工作的渲染过程中设置类属性 =>

renderer.setAttribute(matCard , "class", "mat-card");

所以问题是，我如何告诉 Angular 它必须将样式添加到页面？

这是我用来创建控件的完整代码

var matCard = renderer.createElement('mat-card');
renderer.setAttribute(matCard , "class", "mat-card");
const matCardInner = renderer.createText('Dynamic card!');          
renderer.appendChild(matCard, matCardInner);
const container = targetEl.nativeElement;
renderer.appendChild(container, matCard);

感谢您的帮助 迈克尔

Answer 1

收到answer on Github。

解决方案是在我的项目中将角材料组件打包到自己的包装器组件中，然后创建包装器组件。然后样式总是可用的，我可以在组件中添加自己的附加功能，例如验证。

因此，对于我的项目，我现在使用的每个材料设计组件都有一个组件。