Angularjs ng风格的语法&;合并ng样式
我的项目中有一个ng样式,看起来像:Angularjs ng风格的语法&;合并ng样式,angularjs,Angularjs,我的项目中有一个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'
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样式,以便影响同一元素的背景色和边框色?向样式对象添加另一个属性:
{
'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:对象属性名是你列出样式名的地方,你在属性值中也有它,我认为这不起作用