ng-style 中的语法和合并 ng-styles

Question

我的项目中有一个ng样式，看起来像：

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：对象属性名称是您列出样式名称的地方，您在属性值中也有它，我认为这不起作用。