Question

我正在尝试使用Angular表达式更改画布的类，但我无法找出为什么我不能。

<canvas class="{{graphType}}"
chart-data="mainCtrl.data" 
chart-labels="mainCtrl.labels" 
chart-options="mainCtrl.options">

我还尝试了class="{{'graphType'}}"，class="'{{graphType}}'"，class="graphType"，class="mainCtrl.graphType"和ng-class="{{graphType}}"，但我无法成功。但是，当我使用class="chart chart-line"时，它工作正常。

在控制器上我有：

$scope.graphType = 'chart chart-line';

我感谢任何帮助。这是关于jsfiddle的一个例子：

编辑：修复了依赖关系，但图表仍未显示。 https://jsfiddle.net/223wtffm/

Answer 1

你的小提琴说：

var vm = this;

但它应该是：

var vm = $scope;

如果您更改此选项，则您的jsfiddle有效，因为在css中添加以下样式会显示已应用类名

.chart{
  border: 3px solid red;
}

.chart-line{
  background-color: purple;
}

Answer 2

我想你想要使用角度图从线到饼等来改变图表的类型。角度图提供动态变化的图表，不是基于类而是基于另一个属性chart-type。

这是一个JsFiddle我正在使用超时动态更改图形类型。希望它可能会有所帮助

canvas类

2 个答案: