0

从单独的文件中访问来自控制器的指令数据。想要访问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]);
      });
    }
  };
}
4

0 回答 0