利用Tabs在Angular中使用ui-router

Question

我有一個使用ui.router的Angular SPA。 一頁上有4個標簽。 當前，一個控制器支持所有4個選項卡-由於代碼變得混亂（每個選項卡邏輯太多），這是不可持續的。

我看到兩個解決方案：1.這些不應該是選項卡； 它們應該是單獨的頁面（盡管不理想）。 2.有一些方法可以將控制器的各個部分僅與某些選項卡關聯（或者每個選項卡可能具有不同的控制器？），也可以通過某種方式將單個控制器分解為較小的組件。

關於后者的任何想法（＃2）都很棒。

Answer 1

您可以創建指向同一模板/控制器的多個路由，然后在該“選項卡組”控制器中的每個選項卡內都有一個ng-controller 。 該選項卡將根據$location.path()值激活。

我在這里http://plnkr.co/edit/88SPMteu9MFFbqMc0cYy創建了一個簡單的插件