在ui路由器应用程序中使用选项卡没有状态为每个选项卡

Question

我目前正在开发与ui路由器角APP，并希望在一个视图中使用选项卡。由于典型的选项卡实现涉及使用相对链接（#tabId），它与ui-router状态更改相冲突。 有没有一种方法可以实现制表符而无需为每个制表符创建状态？

预先感谢您。

Answer 1

操作最后我使用了tab-collapse bootstrap插件（https://github.com/flatlogic/bootstrap-tabcollapse）。

我不得不改变一些代码，以避免使用href属性，但设法使用选项卡和自动机制将选项卡转换为小设备上的手风琴。

Answer 2

如果你想网址改变，尝试使用查询字符串

state('app.sample', { 
    url: '/sample?tab', 
    params: { 
    tab: {value: null, squash: true} // for make param optional 
    } 
} 

或类似这样的

state('app.sample', { 
    url: '/sample/:tab', 
    params: { 
     tab: {value: null, squash: true} 
    } 
} 

，并在控制器，你可以用$ stateParams

$scope.currentTab = $stateParams.tab || 'defaultTab';