根据URL动态更改AngularJs中的API端点

Question

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

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

这是我的API端点示例：

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'; 

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

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';

注意：我正在使用 ui-router ，并想知道是否会使用等事件，以及如何实现这个？

$rootScope.$on

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