在custom指令中使用nvd3

Question

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

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

这是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指令？

Answer 1

试试这个：

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

或者这个：

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