AngularJS-条件样式

AngularJS-条件样式,angularjs,ng-style,Angularjs,Ng Style,有没有可能这样做: <span data-ng-style="vm.myFlag == true ? 'background-color:{{myObject.color}};padding:2px;border-radius:2px;' : ''"> 这个if-else不起作用。ngClass不工作,因为颜色是我的对象的属性。 ng样式的基本示例: <span ng-style="{'background-color':'blue'}">Sample Text

有没有可能这样做:

<span data-ng-style="vm.myFlag == true ? 'background-color:{{myObject.color}};padding:2px;border-radius:2px;' : ''">

这个if-else不起作用。ngClass不工作,因为颜色是我的对象的属性。



ng样式的基本示例:

<span ng-style="{'background-color':'blue'}">Sample Text</span>
示例文本
此处应添加三元运算符作为条件样式:

<span data-ng-style="(vm.myFlag == true) ? {'background-color': myObject.color, 'padding': '2px', 'border-radius': '2px'} : {}">

ng样式的基本示例:

<span ng-style="{'background-color':'blue'}">Sample Text</span>
示例文本
此处应添加三元运算符作为条件样式:

<span data-ng-style="(vm.myFlag == true) ? {'background-color': myObject.color, 'padding': '2px', 'border-radius': '2px'} : {}">

您可以这样做:

<span data-ng-style="vm.geMyStyle()">
但您还应检查是否存在颜色属性集。

您可以执行以下操作:

<span data-ng-style="vm.geMyStyle()">

但是你也应该检查是否有颜色属性集。

试试这个
试试:不知道{myObject.color}}是否可以工作;需要测试。试试这个
试试:不知道{{myObject.color}}是否可以工作;需要测试。是否希望通过添加一些解释来改进代码专用答案?是否希望通过添加一些解释来改进代码专用答案?