CSS 未在 AngularJS 中动态更新
CSS not dynamically updating in AngularJS
我正在尝试制作 2 个 div，其宽度由 angularJS 值 (0 - 100) 设置，所以我这样做了：
<span class="green" ng-style="{width: '{{videoRating}}%'}"</span>
<span class="red" ng-style="{width: '{{100-videoRating}}%'}"></span>
但是宽度是根据videoRating的初始值计算的。当我更改该值时，它不会更新样式。
关于如何做到这一点有什么建议吗？
我尝试添加 ng-cloak 和 $scope.$apply() 但没有成功
ng-style 不应使用 {{}} 插值指令，您可以在那里使用直接作用域变量。
标记
<span class="green" ng-style="{width: videoRating + '%'}"</span>
<span class="red" ng-style="{width: (100 - videoRating) + '%'}"></span>
我正在尝试制作 2 个 div，其宽度由 angularJS 值 (0 - 100) 设置，所以我这样做了：
<span class="green" ng-style="{width: '{{videoRating}}%'}"</span>
<span class="red" ng-style="{width: '{{100-videoRating}}%'}"></span>
但是宽度是根据videoRating的初始值计算的。当我更改该值时，它不会更新样式。
关于如何做到这一点有什么建议吗？
我尝试添加 ng-cloak 和 $scope.$apply() 但没有成功
ng-style 不应使用 {{}} 插值指令，您可以在那里使用直接作用域变量。
标记
<span class="green" ng-style="{width: videoRating + '%'}"</span>
<span class="red" ng-style="{width: (100 - videoRating) + '%'}"></span>