angularjs - AngularJS UI-Router从 View 中获取当前状态

考虑从ui-router文档获取的以下状态:

.state('state1', {
  url: '/state1',
  templateUrl: 'partials/state1.html'
  controller: 'State1Ctrl'
})
.state('state1.list', {
  url: '/list',
  templateUrl: 'partials/state1.list.html',
})

以及状态“state1”的“partials / state1.html” Controller :

.controller('State1Ctrl', function () {

});

是否有任何内置功能可从 Controller 内部或模板内部确定 Controller /模板与哪个状态关联？

例如:

.controller('State1Ctrl', function ($state) {
  console.log($state.this); // state1
});

而且，如果没有内置解决方案，您将如何“装饰” $ state或$ stateParams以包含此信息？

我想出的唯一解决方案是使用$ state.get()，然后使用 Controller 或模板值查找状态。但是，这似乎令人难以置信。

最佳答案

在任何地方都找不到此文档，因此我查看了源代码。

ui-view元素上附加了一个名为$ uiView的数据字段，其中包含 View 名称和关联的状态。您可以这样获得此状态:

elem.closest('[ui-view]').data('$uiView').state

甚至

elem.inheritedData('$uiView').state