状态视图内的条件视图

Question

我们有一个main状态，包含一个主容器，页眉和页脚。

.state('main', {
    abstract: true,
    views: {
      '': {
        templateUrl: 'modules/main/main_view.html'
      },
      'topnavbar@main': {
        templateUrl: 'modules/topnavbar/topnavbar_view.html',
        controller: 'TopNavBarController',
      },
      'footer@main': {
        templateUrl: 'modules/footer/footer_view.html'
      }
    }
  })

topnavbar_view.html中有条件弹出窗口，单击时应显示/隐藏。我怎样才能切换这种状态？

我可以将此视图添加到州main：

'usersettings@main': {
    templateUrl: 'modules/usersettings/view.html'
},

topnavbar_view.html：并通过在$scope.showUserSettings

上设置布尔来切换视图

<div ng-show="showUserSettings">
    <div ui-view="usersettings"></div>
</div>

我想必须有更优雅的方式？