Question

我搜索了很多并尝试了很多，但我无法在我的角应用程序中使用filelayer插件。即使没有Angular指令在我的html中使用普通的javascript。我总是得到错误

 L.Control.fileLayerLoad

不存在/不是函数......

似乎插件脚本文件不能与angular指令中的那些组合... 有没有人成功或者暗示这可能如何起作用？

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

使用带有angular指令的filelayer插件

1 个答案: