Question

启动我的应用程序是使用2 ui-view，一个用于显示好友列表，另一个用于特定视图，如下所示：

<div class="container-fluid h100">
  <div ui-view class="h100">

  </div>
  <div ui-view="connected">

  </div>
</div>

当用户连接到应用程序时，会显示已连接的ui-view。

我的问题是当我更改网址时，它会重新加载所有视图，包括好友列表。我想改变这种方式。有小费吗？也许我需要重新创建代码的结构。

州政部分：

.state('homepage', {
  url: '/homepage',
  views: {
    "connected" : {
      templateUrl : './src/friendlist.html',
      controller : 'NavRightController'
    },
    "" : {
      templateUrl : './src/homepage.html',
      controller: 'HomePageController',
    }
  }
})
.state('settings', {
  templateUrl: './src/settings.html',
  controller: 'SettingsController',
  url: '/settings',
  views: {
    "connected" : {
      templateUrl : './src/friendlist.html',
      controller : 'NavRightController'
    },
    "" : {
      templateUrl : './src/homepage.html',
      controller: 'HomePageController',
    }
  }
})

Answer 1

在我看来，每个html页面都应该有一个ui-view指令，并使用Nested views的UI Router

在您的情况下，您可以将好友列表用作父视图，然后将所有其他视图视为“子视图”。

希望这可以帮到你

如何使用ui-view它不会自动刷新？

1 个答案: