Farklı denetleyicilerden gelen 2 parça içeren bir içerik menüsü oluşturmak için iyonik Framework'ü kullanmaya çalışıyorum. Bunları view: menuContent
ve view: menuSubcontent
aşağıda belirtmiştim.İyonik çoklu görünümlerin nasıl konumlandırılacağı
HTML DOM içinde olmasına rağmen
.state('app.playlists', {
url: "/playlists",
views: {
'menuContent': {
templateUrl: "templates/playlists.html",
controller: 'PlaylistsCtrl'
},
'menuSubcontent': {
template: "<span>subcontent of playlists</span>"
}
}
})
sayfaların oluşturulma
,<ion-nav-view name="menuSubcontent">
görünmüyorsa
<ion-side-menus>
<ion-side-menu-content>
<ion-nav-bar class="main bar-stable nav-title-slide-ios7">
<ion-nav-back-button class="button-clear"><i class="icon"></i></ion-nav-back-button>
</ion-nav-bar>
<ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>
<ion-nav-view name="menuSubcontent"></ion-nav-view>
</ion-side-menu-content>
<ion-side-menu side="left">
<header class="bar bar-header bar-stable">
<h1 class="title">Left</h1>
</header>
<ion-content class="has-header">
<ion-list>
<ion-item nav-clear menu-close ng-click="login()">
Login
</ion-item>
<ion-item nav-clear menu-close href="#/app/morestuff">
etc.
</ion-item>
</ion-list>
</ion-content>
</ion-side-menu>
</ion-side-menus>
ROUTER. Ben görünür hale getirmek için bazı CSS özelliklerini ekledi: Bu (menuSubcontent için kendi css sınıfları ekleme) doğru yaklaşımdır ya da orada varsayımları dışarı alır çerçevesini kullanarak sistematik bir yol olup olmadığını merak edildi
z-index: 2
margin-top: 400px; /* some arbit large number */
Birden çok görünümle konumlandırmada. Bu çerçeveyi nasıl kullanacağımı hala öğreniyorum.
Merhaba Dinesh, bu sorunu çözmeyi başardınız mı? –
Bir kod yazıcısı, geri kalanımızın sorunu denemesini ve bazı önerilerde bulunmasını kolaylaştırır. – jpoveda