Javascript 如何从Angular设置数据插件选项中的值？

我想知道如何设置使用数据插件选项设置仪表控件值的控件的值

我有以下html标记：

<div class="form-group" style="text-align: center;">
                    <div class="demo-label">Average Speed</div>
                    <div style="text-align: center;">
                        <div class="gauge-chart">
                            <canvas id="gaugeBasic" width="180" height="110" data-plugin-options='{ "value": 2150, "maxValue": 3000 }'></canvas>

                            <label id="gaugeBasicTextfield"></label>
                        </div>
                    </div>
                </div>

平均速度

使用另一个不同的控件，即Angular指令，我可以像这样声明和设置所需的值

<ridge-speedometer x-val="AverageSpeed"/>

现在，我不想使用上面的标记，而想使用2150的当前值，我想使用AverageSpeed的值

---

我该怎么做

要使AverageSpeed在UI上可用，您需要将其连接到控制器，或者像这样连接$scope：

$scope.AverageSpeed = 2150;

为了清洁起见，您真正应该做的是将该对象从数据插件选项中提取到控制器中，如下所示：

$scope.options = {
    value: $scope.AverageSpeed,
    maxValue: 3000
}

然后将其插入到您的UI中，如下所示：

<canvas id="gaugeBasic" width="180" height="110" data-plugin-options="options"></canvas>

Thx@Brant，我可以从屏幕截图中看到范围值，但控件不接受该绑定。这就是我正在使用的，在得到这些选项之前，你是否运行了一些JQuery？>是的，JQuery.js首先运行，然后gauge.js，最后是angular.js@Brant thx。对于你的帮助，angular应该是所有选项中的第一位。如果我没有弄错的话，你是否颠倒了顺序？让我们来看看。