Как получить доступ к данным директивы из контроллера из отдельного файла - PullRequest
Новая
       33

Как получить доступ к данным директивы из контроллера из отдельного файла

0 голосов
/ 16 апреля 2019

Доступ к данным директивы из контроллера из отдельного файла. Требуется получить доступ к данным из SheetJSImportDirective, которая является функцией $scope.$apply и содержит $scope.opts.data. $scope.opts.data - это данные, которые я хотел получить к контроллеру в отдельном файле. Не беспокойтесь об интеграции директивы и контроллеров, включая фабрики, которые я уже сделал, просто хотел узнать, как лучше всего получить доступ к данным из директивы для контроллера в отдельном файле. Я хотел знать поддерживаемый способ или лучший способ сделать это возможным. Спасибо.

И в моем контроллере с такой функцией, как, например, ниже. 

me.accessDataHere = function() {
  //When this function is called , access  $scope.opts.data = data; from SheetJSImportDirective
}

Функция Директивы 

function SheetJSImportDirective() {
  return {
    scope: { opts: '=' },
    link: function($scope, $elm, reportsDirCtrl) {
      $elm.on('change', function(changeEvent) {
        var reader = new FileReader();

        reader.onload = function(e) {
          var bstr = e.target.result;
          var wb = XLSX.read(bstr, { type: 'binary' });
          var wsname = wb.SheetNames[0];
          var ws = wb.Sheets[wsname];

          var aoa = XLSX.utils.sheet_to_json(ws, { header: 1, raw: false });
          var cols = [];
          for (var i = 0; i < aoa[0].length; ++i) cols[i] = { field: aoa[0][i] };

          var data = [];
          for (var r = 1; r < aoa.length; ++r) {
            data[r - 1] = {};
            for (i = 0; i < aoa[r].length; ++i) {
              if (aoa[r][i] == null) continue;
              data[r - 1][aoa[0][i]] = aoa[r][i]
            }
          }

          /* update scope */
          $scope.$apply(function() {
            $scope.opts.columnDefs = cols;
            $scope.opts.data = data;
            testdata()
            console.log("JSON Data :", $scope.opts.data)

          });
        };

        reader.readAsBinaryString(changeEvent.target.files[0]);
      });
    }
  };
}
...