使用 Ionic 框架将 html 文件的内容嵌入到另一个 html 页面？

我目前正在创建一个网站使用离子框架 http://ionicframework.com左侧有一个侧边栏。用户可以单击某个项目转到网站的另一个页面。 现在我必须将侧边栏的代码复制到每个页面，这是没有用的，也不是可行的方法。

所以我的问题是是否可以将 html 页面“嵌入”到另一个页面的特定部分中。 例如，我可以将侧边栏设为“静态”并加载到特定 div 中的 login.html 文件中。 如果一个 html 文件包含所有页面，那么维护和组织将非常困难。

这有可能以某种方式实现吗？

EDIT:根据要求，我添加了我已有的最相关的代码

<ion-side-menus>

<!-- Main page-->
<ion-side-menu-content>
    <ion-header-bar class="bar-dark">

        <!-- Knop toggleSidebar -->
        <button class="button button-icon" ng-click="triggerSidebar()">
            <i class="icon ion-navicon"></i>
        </button>

        <h1 class="title">Proof of concept</h1>
    </ion-header-bar>
    <ion-content>
        <div class="row">
            <div class="col" col-50>5 + 8 = </div>
            <div class="col" col-25><input type="number" placeholder="13"></div>
            <div class="col" col-25><button class="button button-small">Controleer</button></div>
        </div>
    </ion-content>
</ion-side-menu-content>

<!-- End Main page -->


<!-- Sidebar -->

<ion-side-menu side="left">
    <ion-header-bar class="bar-dark">
        <h1 class="title">Sidebar</h1>
    </ion-header-bar>
    <ion-content>
            <div class="item item-divider">Settings</div>
            <a class="item" href="profiles.html"><i class="icon ion-person"></i> Profiles<span class="item-note">Freddy</span></a>
            <a class="item" href="#"><i class="icon ion-information-circled"></i> About</a>
            <a class="item" href="#"><i class="icon ion-android-mail"></i> Contact</a>
        </div>
    </ion-content>
</ion-side-menu>

<!-- End sidebar -->

我想要达到的是，当有人单击“配置文件”选项时，主页的内容会与从另一个 html 文件获取的内容进行切换

您可以使用角度 UI 路由来解决它：

   $stateProvider
        .state("menu", {
            url: "/menu",
            abstract: true,
            templateUrl: "views/menu.html"
        })
        .state('menu.combinedPage1', {
            url: '/combinedPage1',
            views: {
                "EmbeddedContent": {
                    templateUrl: "views/embedded1.html",
                    controller: "EmbeddedController1"
                }
            }
        })
        .state('menu.combinedPage2', {
            url: '/combinedPage2',
            views: {
                "EmbeddedContent": {
                    templateUrl: "views/embedded2.html",
                    controller: "EmbeddedController2"
                }
            }
        })

这里的“菜单”是抽象状态，包含由路由器控制的嵌入视图。

<ion-side-menus>
    <ion-side-menu-content>

        <ion-nav-view name="EmbeddedContent"></ion-nav-view>

    </ion-side-menu-content>
</ion-side-menus>