0

グラフのファクトリ プロバイダーをセットアップしました。グラフは、highcharts と、angularjs の highcharts ディレクティブである highcharts-ng から構築されます。

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">

ただし、「Uncaught ReferenceError: closeDrillDown が定義されていません」というエラーが表示されます。

コンテナ div で ng-controller="SentimentChartController" を設定したにもかかわらず、なぜこれが起こっているのですか

4

1 に答える 1

0

スコープ関数の場合、onclick の代わりに ng-click 属性を使用する必要があります。関数がスコープ内で定義されており、グローバルな JavaScript 関数として定義されていないため、エラーが発生しました。コントローラーで dom を選択することはお勧めできません。Angular を使用してみてください。この dom 選択を別のディレクティブで行うための .element

于 2015-01-19T07:54:16.933 に答える