在离心的一页内加载两页

Question

我在同一个文件中有以下代码，文件名为tab-chat.html，它还有一个页面chat-detail.html 当用户点击列表项时，它会调用chat-detail.html。

<div id='1'>
     <ion-content class="has-header has-subheader" ng-hide="false" ng-controller="ChatsCtrl as appCtrl">
          <ion-list>
               <ion-item class="item-remove-animate item-avatar item-icon-right" ng-repeat="curUserObj in userListVM.concat(groupListVM) ui-sref="chat-detail"></ion-item>
          </ion-list>
    <ion-list>
    </ion-content>
</div>
This below Code in same file
<div id ='2'>  
    <script id="chat-detail.html" type="text/ng-template">
        ///Chatting winow 
        <li ng-repeat="curMessageObj in appCtrl.messageVM" class="message-item"></li>
    </script>
</div>

为此我可以如何处理路由以及如何使用div隐藏相同内容，意味着当用户单击Item-List项时，当他/她想要返回Item时加载chat-detail.html - 列出与他人聊天。

感谢您的回复.....