0

我为我的图表设置了一个工厂提供程序。该图是由 highcharts 和 highcharts-ng 构建的，它是一个 angularjs highcharts 指令。

在名为 SentimentChartController 的控制器中，我在图形节点上创建了一个单击函数，如下所示：

$scope.AveSentimentChartConfigMain.options.plotOptions.series.point.events.click = function () {
      var containerDiv = document.createElement('div');
      containerDiv.setAttribute('id', 'postListPopUpContainer');
      containerDiv.setAttribute('ng-controller', 'SentimentChartController');
      var contentDiv = document.createElement('div');
      contentDiv.setAttribute('id', 'postListPopUp');
      contentDiv.innerHTML = '<img onclick="closeDrillDown()" src="images/closePostListPopUp.svg" title="Click to close" class="closeIcon" width="18" height="18"><h2>' +
      this.category + ' ' + this.series.name + '</h2>' +
      '<p class="drillDownInfo"><strong>' + this.y + '%</strong> of posts where we can determine a sentiment are ' + this.category + '</p>';
      document.body.appendChild(containerDiv);
      containerDiv.appendChild(contentDiv);
    };

单击图形节点后生成的 html 如下：

<div id="postListPopUpContainer" ng-controller="SentimentChartController">
  <div id="postListPopUp">
    <img src="images/closePostListPopUp.svg" title="Click to close" class="closeIcon" width="18" height="18" onclick="closeDrillDown()">
    <h2>Positive Sentiment</h2>
    <p class="drillDownInfo"><strong>26%</strong> of posts where we can determine a sentiment are Positive</p>
  </div>
</div>

在我的 SentimentChartController 中，我还声明了以下函数：

$scope.closeDrillDown = function() {
      alert('function called');
};

此函数应触发在我上面定义的单击函数期间创建的以下 img 元素的 onclick

<img onclick="closeDrillDown()" src="images/closePostListPopUp.svg" title="Click to close" class="closeIcon" width="18" height="18">

但是，我收到“未捕获的 ReferenceError：未定义 closeDrillDown”错误。

即使我在容器 div 中设置了 ng-controller="SentimentChartController" 为什么会发生这种情况

4

1 回答 1

0

对于作用域函数，您应该使用 ng-click 属性而不是 onclick，您收到错误，因为您的函数是在您的作用域中定义的，而不是作为全局 javascript 函数，另一件事是，在控制器中选择 dom 不是一个好习惯，请尝试使用 angular .element 在单独的指令中进行此 dom 选择

于 2015-01-19T07:54:16.933 回答