Реализация аутентификации в AngularJ с существующей навигацией

Question

Я создаю приложение, в котором я собираюсь реализовать процесс входа пользователя, но проблема в том, что мой код навигации написан на странице индекса.Я немного запутался в том, как все устроить.Потому что, если удалить навигацию и переключиться на нее в другом файле, я потерял контроль над некоторыми кодами.Для лучшего понимания Ниже приведены некоторые фотографии, что я хотел сделать.

введите описание изображения здесь

Я хочу достичь этой структуры, я не могу этого сделать.

Here is my code :
"Side Navbar"
    <nav id="sidebar">
                <div class="sidebar-header">
                    <h3>AltSpace</h3>
                </div>

                <ul class="list-unstyled components">
                    <li><a data-toggle="tab" ui-sref="dashboard">Summary</a></li>
                    <li><a data-toggle="tab" ui-sref="inventory">Inventory</a></li>
                    <li><a ui-sref="">Offers</a></li>
                    <li><a ui-sref="create-admin">Create Admin</a></li>
                </ul>
            </nav>
"Top Navbar" 

    <nav class="navbar navbar-inverse navbar-fixed-top" id='side-nav' style="display:none;">
                        <div class="container-fluid">
                          <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                              <span class="icon-bar"></span>
                              <span class="icon-bar"></span>
                              <span class="icon-bar"></span>
                            </button>
                            <!-- <a class="navbar-brand" href="#">WebSiteName</a> -->
                          </div>
                          <div class="collapse navbar-collapse" id="myNavbar">
                            <ul class="nav navbar-nav">
                              <li class="active"><a href="">Home</a></li>
                              <li><a href="">Page 2</a></li>
                              <li><a href="">Page 3</a></li>
                            </ul>
                          </div>
                        </div>
                      </nav>
"View"

    <div ui-view="mainContent" style="margin-top:5%;"></div>