Question

我正在努力争取到这一点。

我有一个指令，在点击图像时打开带有按钮的弹出框。这一切都按预期工作，但点击按钮不会触发ng-click我希望它点击这导致我认为它没有绑定到DOM。

这是我的代码，希望有人可以对此有所了解。

    <img src="img.png" alt="" custom-popover 
       popover-html="<button ng-click='func()'>
            Click here</button>" popover-placement="bottom" popover-label="Label"/>

这是我的指示我试图使用

    app.directive('customPopover', function () {
        return {
            restrict: 'A',
            template: '<span>{{label}}</span>',     
            link: function (scope, el, attrs) {         
                scope.label = attrs.popoverLabel;
                $(el).popover({
                    trigger: 'click',
                    html: true,
                    content: attrs.popoverHtml,
                    placement: attrs.popoverPlacement
                });
            }
         };
     });

Answer 1

尝试这样的事情 - 我不保证它会起作用，因为我无法测试它。

app.directive('customPopover', function ($compile) {
    return {
        restrict: 'A',
        template: '<span>{{label}}</span>',     
        link: function (scope, el, attrs) {         
            scope.label = attrs.popoverLabel;
            $(el).popover({
                trigger: 'click',
                html: true,
                content: $scompile(attrs.popoverHtml)(scope),
                placement: attrs.popoverPlacement
            });
        }
     };
 });

Angularjs指令不绑定到DOM

1 个答案: