嵌入的角图表图例不适用于ng-click

时间:2014-11-18 17:26:10

标签: angularjs charts

所以我和angular-charts一起工作,到目前为止我很喜欢它,但我遇到了一件事。

我想使用ng-点击图例中的链接。图例嵌入了HTML,链接显示正确,但点击后,它不会执行该功能。如果有人愿意提供帮助,我会在此plunker进行基本设置。

这是legned配置和系列数据:

legend: {
      display: true,
      position: 'right',
      htmlEnabled: true
    }

series: ['<a href="javascript:void(0) ng-click="testClick()";">Sales</a>', 'Income', 'Expense', 'Laptops', 'Keyboards']

谢谢!

1 个答案:

答案 0 :(得分:0)

示例中有拼写错误:void(0)后缺少双引号。但无论如何这都不会奏效。

首先,他们的指令has an isolated scope,这意味着它不知道控制器范围内的testClick功能。

其次,标签内容为rendered using $sce.trustAsHtml,因此它们很简单&#34; HTML - AngularJS无法检测到您的ng-click

我禁用了库的嵌入式图例并单独构建它。