javascript - 将 jquery 插件集成到 angular js 中

Question

我正在尝试集成 maphilight jquery 插件到一个 Angular 应用程序中。我在将插件拉入应用程序并制定使用它的指令方面取得了一些进展，但我现在卡住了。

这是一个 plunker说明我对此的看法。现在编译指令正在触发，但绑定(bind)到点击没有。

我的最终目标是让所有图像区域始终在图像 map 上突出显示，以便用户可以看到它们的位置。我们也非常感谢您收到有关如何通过重用此插件实现这一点的任何提示。

Answer 1

因为你使用了编译函数，所以你指令的链接函数被忽略了。这就是为什么绑定(bind)到点击永远不会发生。

让你的编译函数返回链接函数，它应该可以工作。

compile: function(){
    ....
    var linkFunction = function($scope, element, atttributes) {
        // enter the content of your link function here
    }

    return linkFunction;
}

但是您可能想要完全删除编译函数并保留链接属性，因为编译函数似乎什么都不做。

有关更多信息，请查看:http://tutorials.jenkov.com/angularjs/custom-directives.html