在custom指令中使用nvd3

时间:2014-11-15 16:01:58

标签: javascript angularjs nvd3.js

我让这段代码工作变得疯狂:

我有几个图表可以显示不同的数据,我创建了一个指令来显示这些图表。

这是main.html:

<div ng-controller="data in server.data">
    <chart data="data.values" diff="getDifference(data.values)"></chart>

我的指示:

return {
      templateUrl: '/views/chart.html',
      restrict: 'E',
      scope: {
        data: '=data',
        diff: '&'
      }
    };

我的图表模板:

<nvd3 options="pieOptions" data="{{data}}"></nvd3>
<div class="test-passed-percentage">
  <p>{{diff(data)}}%<span>tests passed</span></p>
</div>

如果我注释掉nvd3指令,它可以正常工作。但显然我需要它......

在控制台日志中出现此错误:

错误:[$ parse:syntax]语法错误:令牌&#39;数据&#39;是意料之外的,期望[[{{}}]的第3列的[:]从[data}}开始。

如何在模板中包含nvd3指令?

1 个答案:

答案 0 :(得分:0)

试试这个:

<p>{{diff()}}%<span>tests passed</span></p>

或者这个:

<p>{{diff({ data: data })}}%<span>tests passed</span></p>