Javascript 尝试使用ng样式访问HTML中的范围变量

我试图让{{f.percentage}}的颜色根据百分比的不同而变化。我能够生成红-绿-蓝值，但我不知道如何使用ng样式编写“color:rgb（Red，Green，Blue）”。谢谢

{{f.winRate}}}%

我认为您的语法是正确的。请检查此工作片段

angular.module（'app'，[]）
.controller（'appCtrl'，['$scope'，
职能（$范围）{
$scope.f={
红色：“210”，
绿色：“20”，
蓝色：“20”
}
$scope.combineColor=函数（f）{
返回“rgb”（“+f.red+”、“+f.green+”、“+f.blue+”）；
}
}
])
元素（文档）.ready（函数（）{
引导（文档，['app']）
})

.container{
宽度：100%；
高度：500px；
}

{{combineColor（f）}}
{{combineColor（f）}}

我认为您的语法是正确的。请检查此工作片段

angular.module（'app'，[]）
.controller（'appCtrl'，['$scope'，
职能（$范围）{
$scope.f={
红色：“210”，
绿色：“20”，
蓝色：“20”
}
$scope.combineColor=函数（f）{
返回“rgb”（“+f.red+”、“+f.green+”、“+f.blue+”）；
}
}
])
元素（文档）.ready（函数（）{
引导（文档，['app']）
})

.container{
宽度：100%；
高度：500px；
}

{{combineColor（f）}}
{{combineColor（f）}}

我编辑了我的原始帖子以解决问题，但是它仍然不起作用我编辑了我的原始帖子以解决问题，但是它仍然不起作用

  <div class="winPer" style="float:right;">
       <span ng-style="{'color': 
         'rgb(' + f.red + ',' + f.green + ',' + f.blue + ')'}">{{f.winRate}}%</span> 
   </div>