包含的状态的活动状态

Question

所以我有一些$州：

.state('app.teamsIndex', {url: '/teams'})
.state('app.teamsDetail', {url: '/teams/:id/view'})
.state('app.teamsEdit', {url: '/teams/:id/edit'})
.state('app.teamsCreate', {url: '/teams/create'})

当我的布局中有<li ui-sref-active="active"><a ui-sref="app.teamsIndex">Teams</a></li>时，ui-sref-active只会在app.teamsIndex上触发，而不会在其他app.teamsDetail等上触发。

我有一个带有“团队”的导航，当我处于与“团队”有关的$状态时，我想让它处于活动状态。

我怎样才能解决这个问题？