Question

由于某种原因，Tab视图最初是可见的，但是当我们在访问Tab2后导航到Tab1时，html不可见。

Plunker：http://plnkr.co/edit/naNhC5?p=preview

路线：

.state('home.tabs', {
                cache: false,
                url: '/i',
                views: {
                    'mainContent': {
                        templateUrl: 'tabs.html'
                    }
                }
            })

            .state('home.tabs.tab1', {
                url: '/tab1',
                views: {
                    'tab1': {
                        cache: false,
                        templateUrl: 'tab1.html'
                    }
                }
            })

            .state('home.tabs.tab2', {
                url: '/tab2',
                views: {
                    'tab2': {
                        cache: false,
                        templateUrl: 'tab2.html'
                    }
                }
            })

标签Html：

<ion-tabs class="tabs-light ">

    <ion-tab title="Tab1" ui-sref="home.tabs.tab1">
        <ion-nav-view  name="tab1"></ion-nav-view>
    </ion-tab>

    <ion-tab title="Tab2" ui-sref="home.tabs.tab2"> 
        <ui-view name="tab2"></ui-view>
    </ion-tab>    
</ion-tabs>

Tab-1查看：

<ion-view view-title="Tab1">
    <ion-content class="padding has-header">

        <h2>Tab1</h2>

    </ion-content>
</ion-view>

Answer 1

@RequestMapping(value = "/${url.controller1}", method = RequestMethod.GET) public String dd(ModelMap model){ return "__front_container"; }文件中有一点错误。您需要将tabs.html替换为ui-view：

ion-nav-view

CHECK DEMO

为什么？

What is the difference between ui-view in angularjs and ion-nav-view in ionic

离子：标签视图未呈现

1 个答案: