Question

我想知道如何设置控件的值，该控件使用data-plugin-options来设置仪表控件的值。

＆＃xA;＆＃xA;

我有这个html标记：

＆＃xA;＆＃xA;

 ＆lt; div class =“form-group”style =“text-align：center;”＆gt;＆＃xA; ＆lt; div class =“demo-label”＆gt;平均速度＆lt; / div＆gt;＆＃xA; ＆lt; div style =“text-align：center;”＆gt;＆＃xA; ＆lt; div class =“gauge-chart”＆gt;＆＃xA; ＆lt; canvas id =“gaugeBasic”width =“180”height =“110”data-plugin-options ='{“value”：2150，“maxValue”：3000}'＆gt;＆lt; / canvas＆gt;＆＃xA; ＆＃XA; ＆lt; label id =“gaugeBasicTextfield”＆gt;＆lt; / label＆gt;＆＃xA; ＆LT; / DIV＆GT;＆＃XA; ＆LT; / DIV＆GT;＆＃XA; ＆lt; / div＆gt;＆＃xA;

＆＃xA;＆＃xA;

使用另一个不同的控件，即angular指令，我能够声明并设置我需要的值像这样

＆＃xA;＆＃xA;

＆＃xA;
＆lt; ridge-speedometer x-val =“AverageSpeed”/＆gt;
＆＃xA;

＆＃xA;＆＃xA;

现在改为对于那个控件，我想使用上面的标记，当前2150的值，我想使用 AverageSpeed 值。

＆＃xA;＆＃xA;

任何想法我该怎么做？

＆＃xA;＆＃xA;

谢谢，Laziale

＆＃xA;

Answer 1

要在UI上使用AverageSpeed，您需要将它附加到控制器或$ scope，如下所示：

$scope.AverageSpeed = 2150;

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

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

然后将其插入您的用户界面：

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

如何在angular中设置data-plugin-options中的值？

1 个答案: