利用选项卡 Angular 中的 ui-router
Leveraging ui-router in Angular with tabs
我有一个 Angular SPA 正在使用 ui.router。一页上有 4 个选项卡。目前，一个控制器支持所有 4 个选项卡 - 这是不可持续的，因为代码变得混乱（每个选项卡的逻辑太多）。
我看到两个解决方案：
1.这些不应该是标签；它们应该是单独的页面（虽然不理想）。
2. 有一些方法可以将控制器的某些部分仅与某些选项卡相关联（或者每个选项卡可能有一个不同的控制器？），或者有一些方法可以将单个控制器分解成更小的组件。
关于后者 (#2) 的任何想法都会很棒。
您可以创建多个指向同一个 template/controller 的路由
然后在那个 'tab group' 控制器中，每个选项卡内都有一个 ng-controller。
该选项卡将根据 $location.path() 值
激活
我在这里创建了一个简单的 plunk http://plnkr.co/edit/88SPMteu9MFFbqMc0cYy
我有一个 Angular SPA 正在使用 ui.router。一页上有 4 个选项卡。目前，一个控制器支持所有 4 个选项卡 - 这是不可持续的，因为代码变得混乱（每个选项卡的逻辑太多）。
我看到两个解决方案： 1.这些不应该是标签；它们应该是单独的页面（虽然不理想）。 2. 有一些方法可以将控制器的某些部分仅与某些选项卡相关联（或者每个选项卡可能有一个不同的控制器？），或者有一些方法可以将单个控制器分解成更小的组件。
关于后者 (#2) 的任何想法都会很棒。
您可以创建多个指向同一个 template/controller 的路由
然后在那个 'tab group' 控制器中，每个选项卡内都有一个 ng-controller。
该选项卡将根据 $location.path() 值
我在这里创建了一个简单的 plunk http://plnkr.co/edit/88SPMteu9MFFbqMc0cYy