AngularJS-使用ng-style通过十六进制值解析错误循环

我在ng-repeat中尝试了以下方法：

 <a data-ng-repeat="style in webStyles" data-ng-style="background-color: \'{{style.bgColor}}\'">{{style.name}}</a>
 <a data-ng-repeat="style in webStyles" data-ng-style="background-color: '{{style.bgColor}}'">{{style.name}}</a>
 <a data-ng-repeat="style in webStyles" data-ng-style="background-color: {{style.bgColor}}">{{style.name}}</a>
 <a data-ng-repeat="style in webStyles" data-ng-style="background-color: style.bgColor">{{style.name}}</a>

这些是值：

        { name: "Default", bgColor: "#4E463F"},
        { name: "Style1",  bgColor: "#3A4558"},
        { name: "Style1",  bgColor: "#fff"},
        { name: "Style3",  bgColor: "#f78c40"}

但是正在接收与十六进制（＃）符号有关的解析错误。

在ng-repeat中为ng样式传递十六进制值的正确方法是什么？

谢谢