Ionic中的多个嵌套视图

时间:2015-09-02 20:47:57

标签: angularjs 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>

有两个单独的模板,一个用于搜索,另一个用于仪表板。

我终于明白了如何使用抽象模板,所以如果我注释掉其中一个,比如仪表板,那么使用像/ home / search这样的路径,它会正确填写视图,但是会丢失仪表板(显然)。

我解决此问题的方法是将搜索栏嵌入主页的仪表板和仪表板中,然后我可以重复使用我想要的搜索栏,但仪表板将与搜索相关联酒吧。

所以我的问题基本上是:使用多个部分视图(或嵌套模板)来组合离子应用程序的视图的适当方法是什么。

非常感谢!

1 个答案:

答案 0 :(得分:0)

您可以将其中一个作为指令,您可以看到此链接以了解如何使用指令https://docs.angularjs.org/guide/directive