Ionic / Angular:从API为动态内容注入动态CSS样式

时间:2017-12-01 17:47:27

标签: css angular ionic-framework ionic3

我遇到了以下问题:

我从API中接收了一个动态HTML-Content-Snippet,其中应用了某些类和ID。 此外,我还可以通过此API访问动态和单独的CSS样式表。

到目前为止我得到了什么:

encapsulation: ViewEncapsulation.None,很重要,否则Angular会更改/扩展类名等。

我无法工作的是将从API接收的样式应用于组件。

第一个想法是直接将样式承诺结果放在这里: @Component({ selector: 'page-dynamic', templateUrl: 'dynamic.html', encapsulation: ViewEncapsulation.None, style: mycssapi }) 或以某种方式注入它。没有让它发挥作用。

第二个想法是添加<style type="text/css" [innerHTML]="mycss?.styles">或者这个:
<style type="text/css"> {{mycss?.styles}} </style> 有人想知道如何解决这个问题?

流程草图:获取动态HTML-Code-Snippet和CSS-Styles - &gt;将其注入组件

提前谢谢! 马库斯

0 个答案:

没有答案