单击子元素时，在ui中保持父选择状态

Question

当您查看angularjs ui路由器示例时：

http://angular-ui.github.io/ui-router/sample/#/contacts/1/item/b

Bobs item＆＃39;传真＆＃39;被我点击了，但左侧的Bobs名称丢失了蓝色方块选择。

如何修复丢失的蓝色选择？

Answer 1

angular-ui-router团队正在为此制定解决方案（实际上我认为已经完成，尚未发布）。

在此之前，最好和最简单的方法是将$state展示在导航栏的$scope上。然后，您查找$ state name的匹配项并应用您选择的类。

国家：

$stateProvider.state('parentState', {});

$stateProvider.state('parentState.childState', {});

范围：

app.controller('navCtrl', function ($scope, $state) {
  $scope.$state = $state;
}); 

查看：

<li ng-class="{ 'activeClass': $state.includes('parentState') }">

希望能为你效劳。

这是建议的ui-sref-active指令的一个主题：

https://github.com/angular-ui/ui-router/pull/927#issuecomment-49348331