google-maps-api-3 - AngularJSを使用してInfoBubbleの動的コンテンツを設定するには?

Question

私はAngularJSを使用しています。動的コンテンツと ng-click、ng-mouseover などの AngularJS のいくつかの機能を備えた InfoBubble を提示したいと考えています。InfoWindows を使用するには、最初に html をコンパイルしてから、コンパイルした html を InfoWindows のコンテンツとして設定する必要がありました。残念ながら、これは InfoBubbles では機能しません。静的なhtmlを追加すると問題ありませんが、コンパイルされたhtmlを追加するとコンテンツとして何もないようです。

var htmlElement = '<div ng-include="\'/home/include/infoBubble.html\'"></div>'
var compiled = $compile(htmlElement)($scope)
infoWindow = new InfoBubble({
        content: compiled[0],
        shadowStyle: 1,
        padding: 0,
        backgroundColor: 'rgb(57,57,57)',
        borderRadius: 4,
        arrowSize: 10,
        borderWidth: 1,
        borderColor: '#2c2c2c',
        disableAutoPan: true,
        hideCloseButton: true,
        arrowPosition: 30,
        backgroundClassName: 'phoney',
        arrowStyle: 2
    });
 infoWindow.open(vm.map, marker);