如何使用 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

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