Question

您好我试图从uiSref覆盖ui.router。这就是我现在这样做的方式：

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

我有一个名为dependencies的父模块，我注入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。

Angular ui-router override指令

1 个答案: