angular-ui - 如何检测指令中的当前状态

Question

我正在使用 AngularUI 的路由，我想做一个 ng-class="{active: current.state}" 但我不确定如何准确检测当前状态像这样的指令。

Answer 1

更新:

此答案适用于较旧版本的 Ui-Router。对于更新的版本 (0.2.5+)，请使用帮助程序指令 ui-sref-active。详情here .

<小时/>

原始答案:

将 $state 服务包含在您的 Controller 中。您可以将此服务分配给您范围内的属性。

一个例子:

$scope.$state = $state;

然后获取模板中的当前状态:

$state.current.name

检查状态当前是否处于事件状态:

$state.includes('stateName'); 

如果包含状态，即使它是嵌套状态的一部分，此方法也会返回 true。如果您处于嵌套状态 user.details，并且检查了 $state.includes('user')，它将返回 true。

在您的类示例中，您将执行以下操作:

ng-class="{active: $state.includes('stateName')}"