首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >渲染角度材质控件时缺少样式

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

Stack Overflow用户
提问于 2018-02-14 22:28:47
回答 1查看 867关注 0票数 2

我正在使用角度渲染引擎来渲染材质组件。但是当我呈现控件(在我的case Cards => mat-card中)时,它们没有任何样式。所以prebuilt-themes(node_modules\@angular\material\prebuilt-themes自带的所有东西)。

当我手动添加卡片时,=>

代码语言:javascript
运行
复制
<mat-card> test</mat-card>

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

代码语言:javascript
运行
复制
renderer.setAttribute(matCard , "class", "mat-card");

所以问题是,我如何告诉angular它必须将样式添加到页面?

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

代码语言:javascript
运行
复制
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);

谢谢你的帮助,迈克尔

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-10-30 21:33:25

拿到answer on Github了。

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

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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48789580

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档