Определите html с помощью ng-click в контроллере Angular

Question

Определите html с помощью ng-click в контроллере Angular

0

я просто работаю с Wikitude и Google maps в AngularJS (Ionic). Мне нужно установить событие ng-click для InfoWindow в моем контроллере. Мой код:

google.maps.event.addListenerOnce($scope.map, 'idle', function(){

  var marker = new google.maps.Marker({
      map: $scope.map,
      animation: google.maps.Animation.DROP,
      position: latLng
  });

  var infoWindow = new google.maps.InfoWindow({
      content: '<a href="#" ng-click="launchAR(\'my_world_pls\')">CATCH!</a>'
  });

  google.maps.event.addListener(marker, 'click', function () {
      infoWindow.open($scope.map, marker);
  });

});

Jakub Stejskal 03 авг. 2016, в 11:38

Источник

0

Хорошо. Что происходит, когда вы пробуете свой код?
Srijith 03 авг. 2016, в 09:38
0

Ничего, маркер и информационное окно отображаются. Но ссылка не активна
Jakub Stejskal 03 авг. 2016, в 09:39
0

Вы можете удалить href на a теге и попробовать?
Srijith 03 авг. 2016, в 09:40

Показать ещё 1 комментарий

Теги:

javascript

ionic-framework

angularjs

google-maps

2 ответа

Ещё вопросы

Хорошо. Что происходит, когда вы пробуете свой код?
Ничего, маркер и информационное окно отображаются. Но ссылка не активна
Вы можете удалить href на a теге и попробовать?

Jakub Stejskal · Answer 1 · 2016-08-03T11-28-00.000Z

Решаемые.

google.maps.event.addListenerOnce($scope.map, 'idle', function() {

    var marker = new google.maps.Marker({
      map: $scope.map,
      animation: google.maps.Animation.DROP,
      position: latLng
    });

    google.maps.event.addListener(marker, 'click', function() {
      $scope.launchAR('mana_catch_and_eat');
    });

  });

Arun Ghosh · Answer 2 · 2016-08-03T07-36-00.000Z

Вы не можете связать динамически созданный HTML напрямую с контроллером. В этой ссылке есть два варианта

Другой вариант - использовать jQuery. Для этого вы можете указать id anchor element и найти элемент по идентификатору и прикрепить событие click.

Это решение с JQuery звучит хорошо. Но как прикрепить угловое событие, например: $ scope.launchAR = function () {};