angular.js - ui-router 视图嵌套时如何指定二级视图显示默认页面?
我想大声告诉你
我想大声告诉你 2017-05-15 17:09:45
0
7
1134


具体的情况是这样的,现在一个问题是:当跳转到user页面时,右边的uiview是为空的,要点击了左侧的导航才能插入模板,如何在路由中设置二级视图的默认显示页面呢?
上代码:
`$stateProvider

.state('user', {
    url: '/user',
    views: {
        '': {
           templateUrl: 'public/front/temphtml/usercenter/userindex.html' 
        }
    }  
})
.state('user.a', {
    url: '/a',
    views: {
       'content@user': {
           templateUrl: 'public/front/temphtml/usercenter/a.html',
           controller: 'userCtrl'
       } 
    }
})
.state('user.b', {
    url: '/b',
    views: {
       'content@user': {
           templateUrl: 'public/front/temphtml/usercenter/b.html',
           controller: 'userCtrl'
       } 
    }
})`
我想大声告诉你
我想大声告诉你

membalas semua(7)
阿神

Diuji dan boleh menyelesaikan masalah anda.
.state('pengguna', {

url: '/user',
views: {
    '': {
       templateUrl: 'public/front/temphtml/usercenter/userindex.html' ,
       controller: function($state){
            $state.go('user.a');//默认显示第一个tab
        }
    }
}  

})
.state('user.a', {

url: '/a',
views: {
   'content@user': {
       templateUrl: 'public/front/temphtml/usercenter/a.html',
       controller: 'userCtrl'
   } 
}

})
.state('user.b', {

url: '/b',
views: {
   'content@user': {
       templateUrl: 'public/front/temphtml/usercenter/b.html',
       controller: 'userCtrl'
   } 
}

})`

阿神
.state('user', {
    //我觉得你进到user页面直接设置你需要默认显示页面的url就好了
    url: '/a',
    views: {
        '': {
           templateUrl: 'public/front/temphtml/usercenter/a.html' 
        }
    }  
})
.state('user.a', {
    url: '/a',
    views: {
       'content@user': {
           templateUrl: 'public/front/temphtml/usercenter/a.html',
           controller: 'userCtrl'
       } 
    }
})
.state('user.b', {
    url: '/b',
    views: {
       'content@user': {
           templateUrl: 'public/front/temphtml/usercenter/b.html',
           controller: 'userCtrl'
       } 
    }
})`
大家讲道理

Saya biasanya menetapkan halaman lalai untuk melaksanakan $state.go();

di bawah syarat penghakiman tertentu

Sebagai contoh, saya menyediakan penghala indeks, dan kemudian menyediakan index.homepage

Saya akan menilai selepas pengguna log masuk ke halaman Jika log masuk berjaya, lompat terus ke index.homepage. Sudah tentu, templat yang dikonfigurasikan dalam index.homepage adalah halaman lalai

Jumlah nilai, hanya gunakan $state.go() untuk menunjuk ke laluan apabila anda memerlukannya.

伊谢尔伦

Tetapkan lalai:

app.config(function($urlRouterProvider){
    $urlRouterProvider.when('', '/index');
});
大家讲道理

Pantang larang melompat ke /user(添加属性 abstract:true ). Tiada sebab untuk melakukan ini, lompat sahaja ke laluan yang anda mahu.

我想大声告诉你

Bagaimana untuk menyelesaikan masalah pemulangan alamat yang terlibat dalam penghalaan berbilang peringkat

Ty80

Adakah pemilik soalan mempunyai penyelesaian?

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!