HTML mit ng-Klick im Controller definieren Angular

Question

Ich arbeite gerade mit Wikitude und Google Maps in AngularJS (Ionic). Ich muss ng-click-Ereignis für InfoWindow in meinem Controller festlegen. Mein Code:

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); 
    }); 

}); 

Answer 1

Sie können dynamisch erstellten HTML nicht direkt mit dem Controller verknüpfen. Es gibt zwei Optionen, die in dieser link

erwähnt werden. Andere Option ist die Verwendung von jQuery. Dazu können Sie eine id an die anchor element geben und das Element nach ID suchen und click-Ereignis anhängen.

Answer 2

Gelöst.

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'); 
    }); 

    });