在手动设置属性但不动态设置属性时应用类样式

Question

我想在AngularJS应用程序中使用javascript动态更改画布的类名（点击后），为此我尝试了以下代码：

submit.addEventListener("click", function() {
var cc = angular.element(document.querySelector('[ng-controller="DashboardController"]')).scope().canvas;
cc = "chart chart-"+cc;
document.getElementById('mycanvas').className = cc;
},false);

第一个查询是获取“cc”值，第二个是更改类名。

“mycanvas”的类名更改为“cc”值（我通过检查元素检查了它）但是没有应用样式！

例如，当我手动将类设置为“图表图表行”时，会出现图表，但它不能动态运行。

任何想法为什么以及如何？

Answer 1

您可以通过ng-click执行此操作并附加所需的新课程。

HTML：

<button ng-click="Controller.changeClass"></button>

使用Javascript：

vm.changeClass = function () {
    document.getElementById("mycanvas").className += "whateverClass";
};