ng-style的HTML Hex颜色代码不起作用

Question

我有下面的HTML，当用户从列表中选择一个div时，我会更改div的背景颜色。

    <div class="myDefaultCssForDiv"
         ng-style="{'background': (myListItems.selectedId == dataItem.id? 'red':'white')}"
         id="{{dataItem.id}}" >

问题是，当我从颜色名称更改为颜色十六进制代码时，我开始收到Angular错误，我该如何解决这个问题？

    <div class="myDefaultCssForDiv"
         ng-style="{'background': (myListItems.selectedId == dataItem.id? '#A01384':'#ffffff')}"
         id="{{dataItem.id}}" >

我在控制台日志中遇到的错误：

Error: Invalid template:'my div code here' angular.min.js:107 
TypeError: f is not a function angular.min.js:107

Answer 1

1. 您只能使用属性样式

<div style="background: {{myListItems.selectedId == dataItem.id? '#A01384':'#ffffff'}}"></div>

1. 您可以使用

<div ng-class="{'myClass' : myClass != null }"></div>

1. 您可以在代码
中使用属性'background-color'