如何使用 ngMap 和 AngularJS 单击信息 window 中的按钮

Question

我使用 ngMap 和 AngularJS 来显示标记和信息 window。信息 window 与自定义模板和 HTML 一起使用。但是，当我在信息 window 中使用按钮和单击事件时，它不起作用。我尝试了 $compile 和 addListener，但也没有用。

var infoTemplate = `<button class="btn btn-success" ng-click="$ctrl.myFunction();">Add</button>`
this.markerCustomTemplate = $sce.trustAsHtml(marker.infoTemplate);

<info-window id="marker-info-custom-template">
    <div ng-non-bindable="">
        <span ng-bind-html="$ctrl.markerCustomTemplate"></span>
    </div>
</info-window>

示例代码：https://plnkr.co/edit/mBeJb7EErrkts6Fq?preview

Answer 1

您应该使用 ng-bind-compile 而不是 ng-bind-html。

不要忘记在您的项目中包含 angular-bind-compile.min.js。

<span ng-bind-compile="$ctrl.markerCustomTemplate"></span>

如何使用 ngMap 和 AngularJS 单击信息 window 中的按钮

How to click a button inside an info window with ngMap and AngularJS

google-maps

angularjs

ng-map