吴风格不适用于背景

Question

我需要从配置对象到 设置元素的背景ng-style，但由于某些未知原因我不能这样做，这对我来说真的很奇怪，我真的找不到原因。

我正在尝试配置的元素：

<div id="progress-l" ng-style="{ 'width': pblc.options.width, 'height': pblc.options.height, 'background': plbc.options.color }"></div>

pblc在这里代表控制器，我正在使用controllerAs选项

配置对象：

this.progressLOptions = {
    color: '#F0F3F4',
    width: '200px',
    height: '20px',
};

最奇怪的是设置了宽度和高度，在渲染的 html 中我看到了这个：

<div id="progress-l" ng-style="{ 'width': pblc.options.width, 'height': pblc.options.height, 'background': plbc.options.color }" style="width: 200px; height: 20px;">
</div>

我真的不知道 ng-style 怎么能像这样工作。是否存在我无法找到的背景问题？

Answer 1

更新的答案：你有一个错字 - plbc.options.color而不是pblc.options.color

最可能的原因是plbc.options.color未定义、为空、不在范围内或配置错误。当然，这是在没有语法错误的情况下。

尝试将其作为模板中的表达式输出 -{{plbc.options.color}}并检查它。