AngularJSを使用してInfoBubbleの動的コンテンツを設定する方法は？

Question

私はAngularJSを使用しています。私は、動的コンテンツとng-click、ng-mouseoverのようなAngularJSのいくつかの機能を備えたInfoBubbleを提示したいと思います。 InfoWindowsを使うと、まずhtmlをコンパイルしてから、InfoWindowのコンテンツとしてコンパイルされたhtmlを設定する必要がありました。残念ながら、これは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); 

Answer 1

問題は、最大と最小の高さと幅がないことでした。それらを設定することで問題は解決しました。