javascript - Angular ui-router 覆盖指令

Question

您好，我正在尝试从 ui.router 覆盖 uiSref。 这就是我现在正在做的:

angular.module("dependencies", [
    "ui.router",
    "ui.bootstrap"
]);

我有一个名为dependency的父模块，我在其中注入(inject)ui.router和其他 在这里，我尝试重写 uiSref 指令，将优先级设置为 100:

angular.module('ui.router.state').directive('uiSref', [function(){
    return {
        restrict: 'A',
        priority: 100,
        link: function(scope, element, attrs) {
            console.log(element);
        }
    };
}]);

var app = angular.module("app", ["dependencies"]);

但是不起作用，可以指出我缺少的内容

Answer 1

应该可以正常工作。您可以查看my plunker使用相同的代码。

angular.module('app', ['dependencies']);

angular.module('dependencies', ['ui.router']);

angular.module('ui.router.state')
    .directive('uiSref', [function() {
        return {
            restrict: 'A',
            priority: 100,
            link: function(scope, element, attrs) {
                element.text('uiSref override invoked...');
            }
        };
    }]);

不过，我会改变方法 - 重写 AngularJs 中的内容的更好方法是使用 decorators .