angularjs基于视口切换$ stateProvider视图

Question

我有一个包含3个嵌套视图的视图，当视口小于768时，我想要隐藏3个嵌套视图中的2个，并在三个嵌套视图之间切换。使用$ stateProvider切换嵌套视图的最佳方法是什么，我一直在环顾四周，但得到了不同的答案。

我正在使用jade / coffeescript。

noOfLines=0

和主要观点：

.state 'messages',
  url: '/messages',
  views:
    '':
      templateUrl: 'views/messages.html',
      controller: 'MessagesCtrl'
    'ticketList@messages':
      templateUrl: 'views/messages/list.html'
    'ticketComments@messages' :
      templateUrl: '/views/messages/comments.html'
    'ticketDetail@messages' :
      templateUrl: '/views/messages/detail.html'