javascript - Angularjs动态选择 Controller 和模板

Question

我想制作路由来访问用户个人资料和由如下用户制作的页面。

---

http://example.com/username http://example.com/page_url

这应该通过向后端 API 发送请求来在路由过程中进行识别。如何使用 AngularJS v1.4.8 获得此功能？

现状。 (仅适用于用户名)

    .when('/:username', {
        templateUrl: 'app/views/profile.html',
        controller: 'UserProfileController',
    })

我想做什么

    .when('/:username', {
        templateUrl: select dynamically,
        controller:  select dynamically,
    })

我已经为配置文件和页面实体定义了单独的 Controller 和 View 。 还启用了 HTML5 模式

 $locationProvider.html5Mode(true); 

Answer 1

为什么要把本来很简单的事情复杂化？

只需制定一条路线来处理这两种情况，在 resolve 中发出请求，并根据结果使用 ng-if 在模板中呈现不同的组件指令。

我认为不需要一些复杂的动态路由解决方案。

但如果您真的非常希望这样做，那么可以使用 ui-router。只需使用 onEnter 事件并在获得响应后重定向到不同的路由。或者在 Controller 内部执行此操作。

只需进行 ajax 调用，然后使用 $state 服务执行如下操作:

$state.go('userprofile', params, {notify: false});