Angular UI路由器，状态更改后子视图未设置答案

【问题标题】：Angular UI Router, Sub views get unset after a change of stateAngular UI路由器，状态更改后子视图未设置
【发布时间】：2015-10-30 19:32:39
【问题描述】：

我对此进行了一段时间的辩论，但我得到了a Plunk 复制它。

我有一个状态“Contact”，它会默认加载。与$state.transitionTo 在那个状态下，我有一些视图，它们都被加载并且一切正常。

如果我单击以将状态默认更改为“Home”或通过“ui-sref”并在“Home”状态/模板中我有ui-sref="contacts”。当我们单击返回将状态设置为联系它时应该可以工作，但现在所有子视图都没有被正确调用。

似乎当 ui-sref 调用状态时，此状态的行为与默认加载时不同。

为什么是 $state.transitionTo('');似乎与 ui-sref 的工作方式不同。

<script>
var myapp = angular.module('myapp', ["ui.router"])
myapp.config(function($stateProvider, $urlRouterProvider){

  // For any unmatched url, send to /
  $urlRouterProvider.otherwise("/")

  $stateProvider
  .state('home', {
    templateUrl: 'home.html',
    controller: function($scope){
    }
  })
  .state('contacts', {
    templateUrl: 'contacts.html',
    controller: function($scope){
    }
  })
  .state('contacts.list', {
    views:{
      "":{
        template: '<h1>Contact.List Working wi no Data defined.</h1>'
      },
      "stateSubView":{
        template: '<h2>StateSubView Working</h2>'
      },
      "absolute@":{
        template: '<h2>Absolute item</h2>'
      }
    }
  });
});
myapp.controller('MainCtrl', function ($state) {
  $state.transitionTo('contacts.list');
})

第二季度：当我在索引中添加视图时，为什么接触下的绝对标签可以工作，但是当它在 contact.html 文件中时却不工作。绝对引用仅适用于索引，而不是在任何地方调用？

"absolute@":{
            template: '<h2>Absolute item</h2>'
          }

【问题讨论】：

标签： angularjs angular-ui-router

【解决方案1】：

我看到在index.html 中有一个空的ui-view 标记。你期望去那里做什么？我认为你不能这样做。路由器只是不知道它应该替换哪个状态（家庭或联系人）。显然它选择了第二个（联系人）。我建议将url: '/' 放在家庭状态，你会看到不同。

这肯定是一个问题。

除此之外：您不能简单地从联系人 afaik 中的 contacts.list 访问视图。

【讨论】：

【解决方案2】：

空的ui-viewwork as a wild card 可以用来切换多个路由，即使我们有嵌套元素。但是如果我们有一个嵌套视图contact.list，则只有将整个路径放在ui-sref="contacts.list"中才能访问它，因为contact的list子级不能仅通过使用ui-sref="contacts"来访问

【讨论】：