Связывание AngularJS с плагином JavaScript

Question

Связывание AngularJS с плагином JavaScript

0

Я пытаюсь связать AngularJS с плагином JavaScript - OpenSeaDragon, потому что я должен делать аннотации на изображении OpenSeaDragon, и я пробовал что-то вроде этого

angular.element(document.body).scope().$on('addAnnotation', function(e, data){    
    self._viewer.viewport.fitBounds(new OpenSeadragon.Rect(data)) 
});

И внутри контроллера:

$scope.addAnnotation= function (data) { 
   $scope.$root.$emit('addAnnotation', data);
}

И, на мой взгляд,

ng-click="addAnnotation(data)"

но я получаю ошибку

Uncaught TypeError: Cannot read property '$on' of undefined

Kamil Lazam 31 июль 2016, в 18:42

Источник

0

Можете ли вы поставить ссылку на plunkr. Использование кажется неправильным
Gary 31 июль 2016, в 16:11
0

На самом деле это было бы очень трудно положить в плункер, так как он является частью веб-приложения, но я нашел решение благодаря @ronapelbaum
Kamil Lazam 01 авг. 2016, в 06:10

Теги:

javascript

angularjs

openseadragon

1 ответ

Ещё вопросы

Можете ли вы поставить ссылку на plunkr. Использование кажется неправильным
На самом деле это было бы очень трудно положить в плункер, так как он является частью веб-приложения, но я нашел решение благодаря @ronapelbaum

ronapelbaum · Accepted Answer · 2016-07-31T14-45-00.000Z

Вы пытаетесь получить angular.element(document.body).scope() который не undefined. Чтобы получить scope элемента, этот элемент должен иметь область видимости. Попробуйте использовать его на элементе DOM, который привязывается к контроллеру.

Так, например, это должен быть angular.element(document.getElementById("openSeaDragon")) который является экземпляром Open Sea Dragon
Я использовал angular.element(document.getElementById("openSeaDragon")) и это кажется работающим, но мне пришлось удалить $root из $scope.$root.$emit('addAnnotation', data); и установите значение 100 мс, потому что похоже, что этот код работал до загрузки ng-view.