Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript CSS未在AngularJS中动态更新_Javascript_Css_Angularjs_Ng Style - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript CSS未在AngularJS中动态更新

Javascript CSS未在AngularJS中动态更新

javascript css angularjs

Javascript CSS未在AngularJS中动态更新,javascript,css,angularjs,ng-style,Javascript,Css,Angularjs,Ng Style,我试图用angularJS值（0-100）设置2个div的宽度，所以我这样做了： <span class="green" ng-style="{width: '{{videoRating}}%'}"</span> <span class="red" ng-style="{width: '{{100-videoRating}}%'}"></span> ng样式不应使用{{}插值指令，您可以在那里使用直接作用域变量 标记 <span class="g

我试图用angularJS值（0-100）设置2个div的宽度，所以我这样做了：

<span class="green" ng-style="{width: '{{videoRating}}%'}"</span>
<span class="red" ng-style="{width: '{{100-videoRating}}%'}"></span>

ng样式不应使用
{{}
插值指令，您可以在那里使用直接作用域变量

标记


<span class="green" ng-style="{width: videoRating + '%'}"</span>
<span class="red" ng-style="{width: (100 - videoRating) + '%'}"></span>



请共享更新值的代码。ng样式的内容是（键，值）对，因此值是“truthy”表达式