Javascript 使用Ionic2和Angular2 Typescript将侧菜单加载到DOM中

我在封装app.ts的侧菜单时遇到问题

app.html:

 <ion-menu [content]="content"></ion-menu>
 <ion-nav id="nav" [root]="rootPage" #content ></ion-nav>

这将启用一个侧菜单，我可以拖动和交互，但仍然是空的。我可以在app.html中记录所有内容，并编写我希望在app.ts中执行的任何代码

但是我想在/pages文件夹中创建我的侧菜单，并将此内容加载到

DOM中

sidemenu.html

<ion-toolbar>
        <ion-title>Menu</ion-title>
</ion-toolbar>
<ion-content>
    <ion-list>
        ...
    </ion-list>
</ion-content>

如何将HTML片段加载到DOM文件中？ 或者是否有其他方法可以将侧菜单代码从app.ts中分离出来

---

提前感谢

无需自己编写此代码。由于我看到您的app.ts文件缺少“this.pages”部分，我认为您是使用命令构建项目的

ionic start MyProject --v2

ionic start MyProject tutorial --v2

而是运行命令

ionic start MyProject --v2

ionic start MyProject tutorial --v2

---

教程项目内置了一个侧菜单。

但是。。。您的

MyApp

模板是

app.html

，它有一个

元素。但是您的

MyApp

组件的选择器已经是

ion菜单

。。无论如何，在angular2文档中搜索

dynamicComponentLoader

。我不完全确定你想达到什么目的，但也许这会对你有所帮助。我删除了我评论中的选择器，我并不打算发布它。但是是的，你是对的。MyApp中的我的模板是app.html，有一个离子菜单。如何将代码从sidemenu加载到ion菜单？