如何使用AngularJS爲InfoBubble設置動態內容？

Question

我使用AngularJS。我想要展示一個帶有動態內容和AngularJS的一些功能的InfoBubble，比如ng-click，ng-mouseover。使用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); 

Answer 1

問題是我沒有最大和最小高度和寬度。設置那些解決了問題。