google-maps - Googleマップの情報ウィンドウのコンテンツ内でng-click

Question

infowindowコンテンツ内にng-click angularjsディレクティブを作成する方法はありますか?

var infowindow = new google.maps.InfoWindow({
                    map: map,
                    position: pos,
                    content: '<div ng-click="???" class="infowindow"></div>'
                  }); 

Answer 1

最初に HTML 要素を次のようにコンパイルする必要があります。

var htmlElement = '<div ng-click="???" class="infowindow"></div>'
var compiled = $compile(htmlElement)($scope)

次に、InfoWindow Content を次のように設定します

var infowindow = new google.maps.InfoWindow({
                map: map,
                position: pos,
                content: compiled[0]
              });