angular 传单指令自定义弹出窗口

Question

我有一个关于 angular 传单指令使用编译模板自定义弹出窗口的问题。我正在使用离子 1.2.4、angular 传单指令 0.10.0 和传单 1.0.0rc-1。

在控制器中，我写了如下代码。

var marker = {
            type: markerType,
            lat: myLatlng[0],
            lng: myLatlng[1],
            id: id,
            getMessageScope: function () { return $scope; },
            message: "<a ng-click=\"alert()\">howdy</a>",
            compileMessage: true
        };

        $scope.markersArray.push(marker);


$scope.alert = function(){
            console.log("hahahahaha[");
        }

这里是 fiddle link: http://jsfiddle.net/caiczcz/m7g8Le0L/1/

虽然弹窗中显示了link，但是点击事件一直没有触发，我认为问题可能出在编译过程中。任何建议表示赞赏。谢谢。

Answer 1

在Angular-传单指令中，

 $timeout(function(){
             $compile(marker._popup._contentNode)(markerScope);
           });

这将引入一个闪烁问题，可以通过为弹出窗口的显示添加超时或添加一些动画等来解决

angular 传单指令自定义弹出窗口

angular leaflet directive customized popup

javascript

angularjs

leaflet

ionic-framework

angular-leaflet-directive