4 つのタブ (ホーム、カテゴリ、チャット、プロファイル) + カメラ ボタンが中央にある最初の Ionic アプリを開発しています。
だから今私の質問は次のとおりです:どのように1つのルートを使用できますか?
ui-sref="tabs_footer.userProfileFeed"
私の考えは、状態を次のように定義することでした。
.state('tabs_footer.userprofileFeed', {
url: '/userprofileFeed/:imageID',
views: {
'profile-tab' : {
templateUrl: 'templates/userprofile/userprofile_gallery_detail.html'
},
'category-tab' : {
templateUrl: 'templates/userprofile/userprofile_gallery_detail.html'
},
'notifications-tab' : {
templateUrl: 'templates/userprofile/userprofile_gallery_detail.html'
},
'homeGallery-tab' : {
templateUrl: 'templates/userprofile/userprofile_gallery_detail.html'
}
}
})
Tabs_Footer コード:
<script id="tabs_footer.html" type="text/ng-template">
<ion-tabs id="footer-nav"class="tabs-positive tabs-striped">
<ion-tab icon="ion-ios-home-outline" ui-sref='tabs_footer.homeGallery'>
<ion-nav-view name="homeGallery-tab"></ion-nav-view>
</ion-tab>
<ion-tab icon="ion-compass" ui-sref='tabs_footer.category'>
<ion-nav-view name='category-tab'></ion-nav-view>
</ion-tab>
<ion-tab ng-controller='CameraCtrl' icon="ion-ios-camera-outline" ng-click='getPhoto()'>
<ion-nav-view name="camera-tab"></ion-nav-view>
</ion-tab>
<ion-tab icon="ion-ios-chatboxes-outline" ui-sref='tabs_footer.directChat'>
<ion-nav-view name="notifications-tab"></ion-nav-view>
</ion-tab>
<ion-tab icon="ion-ios-person-outline" ui-sref='tabs_footer.ownprofile'>
<ion-nav-view name="profile-tab"></ion-nav-view>
</ion-tab>
</ion-tabs>
</script>
ここで tabs_footer の状態:
.state('tabs_footer', {
url: '/tabsFooter',
abstract: true,
templateUrl: 'tabs_footer.html'
})
しかし、私はこれを間違って使用しているようです。これはどうすれば正しく解決できますか?
結論として:
ui-sref="tabs_footer.userProfileFeed" で呼び出したいすべてのビューに対して 1 つの状態が必要です
私を助けてください!:)
よろしくお願いいたします。
ベルンハルト