Question

我的项目中有一个ng-style，如下所示：

ng-style="{'background-color':(headerObj.inEditBool?'background-color: rgba(101, 182, 231, 0.11);':headerObj.confirmedOrSkipBool?'white':'rgba(215, 44, 44, 0.3)')}"

我想在同一个语句中影响元素的第二个属性（边框颜色）...如何添加该更改？

ng-style="{'border-color':(headerObj.inEditBool?'border-color: #65B6E7;':headerObj.confirmedOrSkipBool?'#DFE3E9;':'#E06A62;')}"

这是我想要更改的边框颜色。 如何合并2 ng样式，以便影响同一元素的背景颜色和边框颜色？

Answer 1

向样式对象添加另一个属性：

  {
    'background-color':(headerObj.inEditBool?'rgba(101, 182, 231, 0.11)':headerObj.confirmedOrSkipBool?'white':'rgba(215, 44, 44, 0.3)'),
    'border-color':(headerObj.inEditBool?' #65B6E7':headerObj.confirmedOrSkipBool?'#DFE3E9':'#E06A62')
  }

我不喜欢像这样使用多个三级运算符，它很难阅读并且难以更新。我会把它分解成一个函数。另外，我认为你也不需要分号。 edit2：对象属性名称是你列出样式名称的地方，你也在属性值中有它，我觉得不行。

ng-style＆amp;中的语法合并ng-styles

1 个答案: