javascript - 覆盖指令的链接功能

Question

我正在开发一个使用优秀 UI Bootstrap library 的应用程序.一切正常，但我偶然发现了 bug使用在 IE10 上崩溃的折叠插件。我在主导航中使用折叠插件，这个插件坏了是个大问题，所以我需要想办法解决这个问题。

我真的不想破解主库。看来我应该能够使用找到的方法来装饰这个第三方指令 here或 here或 here ，但我似乎无法让它工作。

具体来说，我试图覆盖折叠指令的 link() 函数中的 extend() 函数来检查 IE10 浏览器。

有没有人这样做过或知道如何做到这一点？

Answer 1

当然!您可以装饰指令并扩展它或完全覆盖它。这是一个很好的blog post on this

最直接的方法就是:

app.config(function($provide) {
  $provide.decorator('collapseDirective', function($delegate) {
    var directive = $delegate[0];

    var link = function myLinkFnOverride(scope, element, attrs) {
           // code here...
    }

    directive.compile = function() {
      return function(scope, element, attrs) {
        link.apply(this, arguments);
      };
    };

    return $delegate;
  });
});

这将完全覆盖原始链接功能(需要复制粘贴所有内容并更改您想要的部分)