如何在不更改原始代码的情况下扩展Angular应用程序，例如加载项？

Question

我正在尝试扩展Angular内置的应用程序，但我不想更改应用程序文件，我想创建一个与此应用程序交互的外部文件，并在每个页面上运行更多操作。例如：

1. 当Route：/ projects
时
2. 原创应用：运行代码以打开此页面 （此处没有变化）
3. 我的应用：在原始动作结束时运行 在此页面上添加更多详细信息。

我可以用Angular实现这样的功能吗？你能举个例子吗？

这是我到现在为止所尝试的：

首先，我尝试与原始应用模块进行交互，但是它可以替换原来的控制器。

angular.module("ac.system")
    .config(["$routeProvider", function($routeProvider) {
        console.log('routeProvider');
        $routeProvider
            .when('/projects', {
                template: '',
                controller: 'ProjectsPage'
            });
    }])
    .controller('ProjectsPage', ['$http', function ($http) {
        console.log('ProjectsPage');
    }]);

然后我尝试使用相同的路径创建自己的模块，它什么都不做。

angular.module("myAddOn", [])
    .config(["$routeProvider", function($routeProvider) {
        console.log('routeProvider');
        $routeProvider
            .when('/projects', {
                template: '',
                controller: 'ProjectsPage'
            });
    }])
    .controller('ProjectsPage', ['$http', function ($http) {
        console.log('ProjectsPage');
    }]);