Angularjs Ionic中的多个嵌套视图

Angularjs Ionic中的多个嵌套视图,angularjs,ionic,Angularjs,Ionic,我正在尝试将视图嵌套在ionic模板中。我有一个可以正常工作的抽象模板,但问题是这个特定的视图是由多个我希望能够重用的组件拼凑而成的 我想要的是这样的: <ion-view view-title="Home"> <ion-content class="padding"> <div> <ion-nav-view name="home-search"></ion-nav-view>

我正在尝试将视图嵌套在ionic模板中。我有一个可以正常工作的抽象模板,但问题是这个特定的视图是由多个我希望能够重用的组件拼凑而成的

我想要的是这样的:

<ion-view view-title="Home">
    <ion-content class="padding">
        <div>
            <ion-nav-view name="home-search"></ion-nav-view>
            <ion-nav-view name="home-dashboard"></ion-nav-view>
        </div>
    </ion-content>
</ion-view>
并且有两个单独的模板,一个用于搜索,另一个用于仪表板

我终于明白了抽象模板应该如何使用,所以如果我注释掉其中一个模板,比如说dashboard,然后使用/home/search这样的路径,它将正确地填充视图,但显然缺少dashboard

我的破解方法是在仪表板中嵌入搜索栏,在主页中嵌入仪表板,然后我可以在任何地方重用搜索栏,但仪表板将与搜索栏耦合

因此,我的问题基本上是:使用多个局部视图或嵌套模板来为ionic应用程序组合视图的适当方式是什么


非常感谢

您可以将其中一个作为指令,您可以查看此链接以了解如何使用指令

如果它有助于我将单个模板嵌入到另一个模板中,请查看此链接。我真的需要能够在主模板中嵌入两个单独的模板。此外,这不需要任何点击来显示,这可能是唯一的方法。很难相信爱奥尼亚不支持多个局部视图,而且我们需要做的几件事都很不方便,但我想这是我们最好的选择……参数化指令似乎确实是解决这个问题的最佳答案。