Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs ng风格的语法&;合并ng样式_Angularjs - Fatal编程技术网

Angularjs 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样式,看起来像:

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