如何将指令restrict='A'附加到现有元素

Question

需要将一个仅限于“A”（属性）的自定义指令附加到其他指令的某些实例（例如第二个指令）在使用 ng-repeat 渲染后。

<some-directive ng-repeat="item in vm.items"></some-directive>

“A”指令源自 uib-popover，但我认为纯 uib-popover 的解决方案也适用。另外，如果稍后能够安全地删除附加的弹出窗口，那就太好了。

有什么建议如何实施吗？

Answer 1

你可以这样做::

创建优先级高于ng-repeat优先级....

的自定义指令

ng-repeat 具有 1000 优先级。

angular.module('x').directive('customDir', function() {
    return {
        priority: 1001, // as ng-repeat has priority level 1000
        restrict: 'A',
        compile: function () {
            return function () {...}
        }
    }
})

用途::

<some-directive ng-repeat="item in vm.items" custom-dir ></some-directive>