如何使用AngularJS为InfoBubble设置动态内容？

Question

我使用AngularJS。我想提供一个InfoBubble，其中包含动态内容和AngularJS的一些功能，如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

问题是我没有最大和最小高度和宽度。设置那些解决了问题。