Ionic Tabs中的嵌套视图

时间:2016-10-14 00:03:37

标签: angularjs ionic-framework angular-ui-router

我有一个使用Ionic Tabs模板的应用程序:

class Foo(models.Model):
    bar = models.BooleanField(default=False)
    baz = models.BooleanField(default=False)

    def save(self, *args, **kwargs):
        if self.bar and self.baz:
            raise SomeException()
        return super(Foo, self).save(*args, **kwargs)

这里我们有抽象状态'tab',然后是'tab.trips'中的第一个主视图及其详细视图'tab.trip-detail'。

在详细信息视图'tab.trip-detail'中,我希望能够在此视图中显示不同状态的不同模板。

不确定如何为此设置状态。

1 个答案:

答案 0 :(得分:1)

是的,你当然可以做到这一点。我建议你使用ng-include

您可以参考的代码示例:

<ion-pane>
    <ion-tabs>
        <ion-tab title="Tab 1"...>
            <ion-view>
                <div ng-include src="'templates/tab1.html'"></div> <!-- You can manipulate this source -->
            </ion-view>
        </ion-tab>
        <ion-tab title="Tab 2"... >
            <ion-view>
                <div ng-include src="'templates/tab2.html'"></div> <!-- You can manipulate this source -->
            </ion-view>
        </ion-tab>
    </ion-tabs>
</ion-pane>
相关问题