如何根据在搜索栏中键入或更改或附加的URL动态更改AngularJs中的API endpoints ？

Example ，如果我的路径是 https://whatever.com/card-mca ，我想更新API路径的末尾以包含URL的末尾（这是仪表板的名称，以及调用正确API的API参数） .

This is an example of my API endpoints:

const metaDataURL = 'api/metadata/card-mca';
const frequencyDataURL = 'api/frequencies/card-mca';
const testingDataURL = 'api/testing/card-mca';
const securityDataURL = 'api/securities/card-mca';
const qualityDataURL = 'api/quality/card-mca';

因此，如果我更改（通过输入）我的URL到 https://whatever.com/foo-mca ，我希望我的API endpoints 更新为以下内容：

const metaDataURL = 'api/metadata/foo-mca';
const frequencyDataURL = 'api/frequencies/foo-mca';
const testingDataURL = 'api/testing/foo-mca';
const securityDataURL = 'api/securities/foo-mca';
const qualityDataURL = 'api/quality/foo-mca';

Note: 我正在使用 ui-router 并想知道是否会 use an event 如 $rootScope.$on ，以及如何实现这一点？

$rootScope.$on('$stateChangeStart',
    function (event, toState, toParams, fromState, fromParams, options) {
        event.preventDefault();
        // transitionTo() promise will be rejected with 
        // a 'transition prevented' error
    })

我的API路径在我的单个控制器中 . 我也有一个视图，没有导航 . 我们的想法是通过更改URL和API endpoints 来更改显示的仪表板 . 这样应用程序保持DRY，我可以使用单个控制器和视图 .

javascript angularjs api