有没有办法从后端配置中获取组件css?像liferay
我有一个组件,该组件提供文本框供用户输入CSS代码。无论CSS用户在texbox中输入的内容都应反映在组件中。
组件html
<div>
<h1>I am h1 tag<h1>
<h2>I am h2 tag<h2>
<div>
编辑
输出量
编辑
输出量
最佳答案
没有人回答我的问题。其实这很简单。只需创建一个样式标签并应用CSS
<div id="dynamicStyle">
<h1>I am h1 tag<h1>
<h2>I am h2 tag<h2>
<div>
零件
export class SomeComponent implements OnInit {
color = 'red';
ngOnInit() {
const css = `h2 {color: green} img {background: ${this.color}`; // we can get this css from backend also
const head = document.getElementById('dynamicStyle');
const style = document.createElement('style');
style.type = 'text/css';
style.appendChild(document.createTextNode(css));
head.appendChild(style);
}
}
关于css - angular2从后端配置获取组件css,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/49530499/