0

UI グリッドは ngDialog で使用され、ボタンのクリックごとに合計を表示します。結果として、エラーが表示されます:

**angular.js:13236 TypeError: Cannot read property 'data' of undefined**

以下のコードの特殊性 (およびコンテキスト) は 2 つです。一部の html ノードは Web ページに動的に挿入され、angular ディレクティブへのコンパイルは通常の作業であり、これは Chrome 拡張機能です。

function totalsButtons($scope, $http, $document, $element, $compile, ngDialog, uiGridConstants) {
  //First insert button right of "Close" hyperlink
  var elements_arr = document.getElementsByTagName("span");
  var close_el = null;
  //Looking for target link "Close"
  for (var element in elements_arr) {
    if(elements_arr[element].innerHTML == "Закрыть") {
      close_el = elements_arr[element];
      break;
    }
  }

  //Define parent node where insert new button to
  $scope.totals_butns_line = close_el.parentNode.parentNode;

  //Define table (uses ui-grid)
  $scope.totalsByMonthG = {};
  $scope.totalsByMonthG.columnDefs = [
        { name: 'year', displayName:'Year'},
        { name: 'month', displayName:'Month'},
        { name: 'totals_agency', displayName:'Totals Agency (VAT)'},
        { name: 'totals_client', displayName:'Totals Client (VAT)'},
  ];
  $scope.totalsByMonthG.data = [{"year":"2016", "month":"10", "totals_agency":"10", "totals_client":"20"}];
  $scope.totalsByMonthG.onRegisterApi = function(gridApi){
      //set gridApi on scope
      $scope.gridApi = gridApi;
  };

  //Define and insert a button "Tools by months" into html dynamically
  var elem = document.createElement('a');
  elem.setAttribute("href", "#");
  elem.setAttribute("class", "dyn");
  elem.setAttribute("ng-click", "openTotalsByMonth()");
  var html_code = '<span>Totals by months</span>' + "\n";
  elem.innerHTML = html_code;
  $scope.totals_butns_line.appendChild(elem);
  $compile(elem)($scope);


  //Define and insert template of dialog "Totals by months" (uses ngDialog)
  var dialog = document.createElement('script');
  dialog.setAttribute("id", "openTotalsByMonth");
  dialog.setAttribute("type", "text/ng-template");
  html_code = "";
  html_code += '<div class="ngdialog-message">';
  html_code += '<h2>Totals by months</h2>';
  html_code += '<div ui-grid="totalsByMonthG" class="grid"></div>';
  html_code += '</div>';
  html_code += '<div class="ngdialog-buttons mt">';
  html_code += '<input type="button" value="OK" ng-click="closeThisDialog()"/>';
  html_code += '</div>';
  dialog.innerHTML = html_code;
  $scope.totals_butns_line.appendChild(dialog);
  $compile(dialog)($scope);


  $scope.openTotalsByMonth = function() {
    //The function activates by ngClick in button "Totals by months"

    //Open a dialog
    ngDialog.open({
      template: 'openTotalsByMonth'
    });
  };
  //Error here

}

ngDialog の影響に関する私の仮説は証明されています:

<div ui-grid="totalsByMonthG" class="grid"></div>

他のブロック (ngDialog ではない) に -- テーブルが表示されます。

4

1 に答える 1

0

同僚に感謝します。ngDialog.open ブロックを次のように置き換えることで問題が解決されました。

//Open a dialog
ngDialog.open({
  template: 'openTotalsByMonth',
  scope: $scope
});
于 2016-08-25T08:43:31.630 に答える