Question

我希望用户点按一个字来打开popover。

调用HTML如下：

<li>Type de sélection très appropriée aux plantes <span popover="Ce dit d’une plante qui se multiplie par fécondation croisée (le pollen vient d’une autre fleur que celle de l’ovule)">allogames</span></li>

我到目前为止设计的指令如下：

app.directive('popover', function () {
    return {
        restrict: "A",
        scope: {
            "popover": "@"
        },
        replace: true,
        template: '<a class="popoverTop" ng-click="openPopover(\'popoverTop\')">popover</a>',
        link: function(scope, element, attr) {
        }
    };
});

Q1）正如您所看到的，我希望标签内的常量弹出窗口被popover局部范围变量替换。

Q2）你如何在普通的HTML / javascript中出现一个小的弹出窗口？（没有引导程序使用）

[编辑1]我想出了以下内容，但是我仍然遇到调用openPopover（）的问题：

app.directive('popover', function () {
    return {
        restrict: "A",
        scope: {
            "popover": "@",
            "def": "@"
        },
        replace: true,
        template: '<a class="popoverTop" ng-click="openPopover(\'#popoverTop\', \'{{def}}\')">{{popover}}</a>',
        link: function(scope, element, attr) {}
    };
});

虽然openPopover（）是一个现有的控制器方法，但是当我点击链接时，会执行ng-click（我可以看到ng-click-active）但是没有调用openPopover（）。我怀疑范围有问题。我如何从指令调用控制器范围函数？

Angularjs：从指令创建一个popover（没有bootstrap）

0 个答案: