如何通过变量使用所有CSS类或代码

Question

我在可变样式中具有我的CSS代码。我想通过此变量使用所有类。如果我将我的CSS代码写为样式：[p{color:red}]，则可以使用。但是，当我将代码放在变量中时，它会给我错误"无法读取未定义的属性样式"。

@Component({
  selector: 'page-home',
  templateUrl: 'home.html',
  styles: [this.styling]
})
export class HomePage  
{   
    styling='';  pagenm='';
    constructor(public navCtrl: NavController) {} 
    ionViewDidEnter()
    {
       let api = 'myservice.php';
       let params = '&pagenm='+this.pagenm;
       this.homeserv.p_serv().subscribe(data=>{
       this.styling = data.css;  //data.css contains css code  p{color:red} div{color:yellow; font-size:18px;}
       this.dcode = data.html;
       });
    }
}

Answer 1

您无法从其类装饰器访问组件的属性。

您可以做的是事先定义样式：

import { Component } from '@angular/core';
const styling = `p{color:red}`;
@Component({
  selector: 'page-home',
  templateUrl: 'home.html',
  styles: [styling]
})
export class HomePage {   
  constructor(public navCtrl: NavController) {} 
}

演示：https：//stackblitz.com/edit/angular-tssxv1