如何将动态值从angular传递到jquery脚本

这是我在html代码中包含的脚本-

<div class="progress-bar"></div>
<script type="text/javascript">

  $('.progress-bar').gradientProgressBar({
      value: $(this).attr('$scope.moodvalue'),
      size: 400,
      fill: {
          gradient: ["red", "green", "yellow"]
      }
  });
</script>
</div>

$（'.progressbar'）.gradientProgressBar({
值：$（this.attr（“$scope.moodvalue”），
尺码：400，
填写：{
渐变：[“红色”、“绿色”、“黄色”]
}
});

我将从angular代码中传递$scope.moodevalue。 但是当我得到$scope.moodvalue=0.21时，这个变化并没有出现在我的进度条上

请帮助我，如何将动态值传递给脚本

提前感谢。

使用angular.element（）.scope（）获取值。 和ng更改以更新值。 参考这个

文件
功能测试（）{
var scope=angular.element（$（“#testInput”））.scope（）；
$（“.test”）[0].innerText=scope.test；
}
$（文档）.ready（函数（）{
test（）；
});
var-app=angular.module（'app'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.test='111'；
$scope.change=函数（）{
test（）；
}
});

试试这个：

html:

---

}))

这可能会有帮助：你会分享html吗$（'.progress bar'）.gradientProgressBar（{值：0.75，大小：400，填充：{渐变：[“红色”、“绿色”、“黄色”]}）；这只是我在html页面中包含的，但这里的脚本值是0.75，我想传递动态值，我在angular代码中设置为$scope.moodvalue。但是，如果我通过了0.75的手册，它会在状态栏中显示颜色变化，但当我通过不断变化的$scope.moodvalue时，它不会反射。Carsten Løvbo Andersen-谢谢，它对我有用。Pengyy-谢谢，它对我有用。但有一种解决方案也能起作用——如果我将脚本移动到angular代码中，从中获取动态$scope.moodvalue。@Piyu您可以构建一个指令，将processbar放入其中，然后通过指令的参数将$scope.moodvalue传递到指令中。

<input type="test" ng-model="testValue"/>

$('.progress-bar').gradientProgressBar({  
  value: $scope.testValue,
  size: 400,
  fill: {
      gradient: ["red", "green", "yellow"]
  }