ui.angularjs中的路由器动态路由

Question

我有以下场景。我试图写一个动态侧边栏路由系统。我的侧边栏包含几个项目(至少10个)，每个项目至少有1个选项卡(可能是3个或5个…)。下面的句子应该能给我们一个概念:

item1 -> tab1-tab2-tab3…

item2 -> tabA-tabB-tabC…

.

.

.

itemX -> tabX-tabY-tabZ…

我知道使用state $stateprovider你可以设置url和templateUrl加载不同的html内容(外部html文件)，这取决于用户点击什么。所以为了完成这个，我必须写一堆状态，我觉得这是很糟糕的编程，必须有一种方法来做一个动态路由取决于用户点击什么。我用谷歌搜索了一下，我找不到正确的答案。

技巧是我必须使用ui。路由器用于此。我可以阅读或使用什么想法或指南来完成这一点?

Answer 1

我认为，因为你的侧边栏是动态的，它来自一些数据源。你可以配置那个数据源，让它拥有你的路由所需的所有信息，或者按照惯例去做。比如:

angular.forEach(states, function(state) {
    $stateProvider.state(state, {
            url: '/' + state, 
            templateUrl: 'views/' + state + '.html',
            controller: state + 'Controller'
      }) ;
})