0

我正在开发我的第一个 Ionic-App，它有 4 个标签（主页、类别、聊天、个人资料）+ 中间的相机按钮。

所以现在我的问题是：我如何使用一条路线，例如 tabs_footer.userProfileFeed，我可以从每个选项卡/视图中调用它，如下所示：

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" 调用的所有视图

请帮我！:)

真诚的，

伯恩哈德

4

0 回答 0