使用带有角度指令的文件层插件答案

【问题标题】：Using filelayer plugin with angular directive使用带有角度指令的文件层插件
【发布时间】：2016-08-12 16:52:21
【问题描述】：

我搜索了很多并进行了很多实验，但我无法在我的 Angular 应用程序中使用文件层插件。即使没有在我的 html 中使用纯 javascript 的 Angular 指令。我总是收到错误

 L.Control.fileLayerLoad

不存在/不是函数...

插件脚本文件似乎无法与 angular 指令中的脚本文件结合使用... 有没有人成功或暗示这可能如何工作？

【问题讨论】：

标签： angularjs angular-leaflet-directive

【解决方案1】：

您在访问FileLayerLoad 函数时似乎有错字，L.Control.fileLayerLoad 应该变为 L.Control.FileLayerLoad

下面的例子（虽然是人为的）有效

<!doctype html>
<html ng-app='app'>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js" crossorigin="anonymous"></script>
    <script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script>
    <script src="http://rawgit.com/makinacorpus/Leaflet.FileLayer/gh-pages/leaflet.filelayer.js"></script>
  </head>
  <body>

    <div>
      <div ng-controller='Controller1'>
        <p>{{name}}</p>
      </div>
    </div>

  <script type="application/javascript">
    angular.module('app', [])
           .controller('Controller1', ['$scope', function($scope) {
             console.log('Controller 1')
             console.log(L.Control.FileLayerLoad);
             $scope.name = typeof L.Control.FileLayerLoad;
           }]);

  </script>

  </body>
</html>

【讨论】：