是否可以将字符串传递给角度样式？

Question

我的组件中有一个json对象，如：

myCustomStyle =  {
           'name': 'custom',
           'css': 'background-color: black; font-color:white'
}

然后在我的模板中我有一个div：

  <div [ngStyle]="myCustomStyle.css">Test</div>

但它不起作用它给我一个错误说：

Cannot find a differ supporting object 'background-color' : black; 'font-color': green'

使用字符串执行此操作的正确方法是什么？

Answer 1

您的css应该是对象而不是字符串

'css': {'background-color': 'black'; 'color': 'white'}

完整对象看起来像

myCustomStyle =  {
   name: 'custom',
   css:  {
            'background-color': 'black'; 
            'color': 'white'
         }
}

注意：font-color不是css属性，应为color

<强> LIVE DEMO