Использование плагина Filelayer с угловой директивой

0

Я много гуглил и много экспериментировал, но я не смог использовать плагин filelayer внутри моего углового приложения. Даже без указания Angular с использованием простого JavaScript в моем HTML. Я всегда получаю ошибку

 L.Control.fileLayerLoad

не существует/не является функцией...

Кажется, что файл сценария плагинов не может быть объединен с файлом из угловой директивы... Кто-нибудь преуспел с этим или намекнул, как это может работать?

Теги:
angular-leaflet-directive

1 ответ

0

Похоже, что у вас есть опечатка при доступе к 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>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню