我是angularjs的新手,试图创建我的第一个指令。我正在创建一个指令,将Charts.js2.0(beta)加载到我的应用程序中。
我有angular-route
管理的2个视图,两个html视图都包含了一个仅包含charts-element的html页面。
问题是第一页正确绘制图表,当我转到其他视图时,图表div已加载但图表未重新绘制。现在,如果我回到第一眼看它的空白。
链接到Plunker
我做错了什么?我的指令有问题吗?
提前致谢。
答案 0 :(得分:2)
我认为它与您正在绘制的画布的id有关。我有这个问题,因为我在不同的视图中使用相同的id为两个图形的画布。确保这些ID不同,并且每个图的javasrcipt都在每个视图的控制器中或每个视图中。
看一下你的插件,我发现你正在使用相同的html图表,我想当角度从你的一个视图移动到另一个时认为图形已经被绘制。区分两个图将解决问题。我不知道有任何其他方法允许使用相同的html作为图形的画布。
希望它可以帮助你解决它