コントローラでng-clickでhtmlを定義するAngular

Question

AngularJS（Ionic）でWikitudeとGoogleのマップを使って作業しています。自分のコントローラでInfoWindowのng-clickイベントを設定する必要があります。私のコード：

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

コントローラに直接作成されたHTMLを直接リンクすることはできません。これには2つのオプションがあります。link

その他のオプションはjQueryを使用することです。このためにをanchor elementに付け、IDで要素を見つけてクリックイベントを添付します。

Answer 2

解決済み。

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

    });