我需要通过 ng-style
从配置对象中设置元素的背景,但由于某些未知原因我不能这样做,这对我来说真的很奇怪而且我真的找不到原因。
我要配置的元素:
<div id="progress-l" ng-style="{ 'width': pblc.options.width, 'height': pblc.options.height, 'background': plbc.options.color }"></div>
pblc
在这里代表 Controller ,我使用的是 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 怎么能这样工作。是否存在我无法找到的背景问题?
最佳答案
更新的答案:
您有错字 - plbc.options.color
而不是 pblc.options.color
最可能的原因是 plbc.options.color
未定义、为空、不在范围内或配置错误。当然,这是为了防止没有语法错误。
尝试将其输出为模板中的表达式 - {{plbc.options.color}}
并检查它。
关于javascript - Ng 风格不适用于背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39494725/