2017-01-13 2 views
0

私は現在、合計4つのタブを持つIonic 1アプリを作成しようとしています。すべてのタブには新しいページにつながる独自のボタンがあります。現在の実装の例として、「tabs.group」という1つのタブがあります。このグループには新しいグループを作成するためのボタンがあり、新しい状態になります。その状態には、メンバーを追加するためのボタンが次の画面にも含まれています。Ionicでいくつかのビューでタブを使用する正しい方法ですか?

.state('tabs.groups', { 
     url: '/groups', 
     views: { 
      'groups-tab': { 
       templateUrl: 'views/groups/groups.html', 
       controller: 'GroupsController' 
      } 
     } 
    }) 
      .state('tabs.creategroup', { 
       url: '/creategroup', 
       views: { 
        'groups-tab': { 
         templateUrl: 'views/groups/creategroup.html', 
         controller: 'GroupsController' 
        } 
       } 
      }) 
      .state('tabs.addmembers', { 
       url: '/addmembers', 
       views: { 
        'groups-tab': { 
         templateUrl: 'views/groups/addmembers.html', 
         controller: 'GroupsController' 
        } 
       }, 
       params: { 
        groupkey: null, 
        groupname: null 
       } 
      }) 

問題は、私は私の「tabs.group」タブ・ビューのボタンをクリックしたときに、私は「tabs.creategroup」はタブメニューバーがまだ表示されたままにリダイレクトしていますということです。私は解決策を探しましたが、タブを表示しないようにするたびにtab-item-hideクラスを手動で追加するだけです。

これは実際にはバギーのようです。タブは待ち時間の後に表示され、コンテンツの上部に配置されます。また、タブの後に2つ目のビューを表示すると、時々消えてしまいます。結局のところ、私はこれについて正しいことをしているのかどうか疑問に思っています。この構造を達成しようとすると、私のルートがどのように見えるか教えてください。これはアプリケーションのような共通の構造と思われるとき私は明確な例を見つけることができていない多くのありがとう!

答えて

0

これは問題ではありません。コードを変更してください。あなたはまだ。ステートと呼ばれているので、タブのメニューバーを見ています。

.state('tabs.groups', { 
     url: '/groups', 
     views: { 
      'groups-tab': { 
       templateUrl: 'views/groups/groups.html', 
       controller: 'GroupsController' 
      } 
     } 
    }) 
      .state('creategroup', { 
       url: '/creategroup', 
       templateUrl: 'views/groups/creategroup.html', 
       controller: 'GroupsController' 
      }) 
      .state('addmembers', { 
       url: '/addmembers', 
       templateUrl: 'views/groups/addmembers.html', 
       controller: 'GroupsController', 
       params: { 
        groupkey: null, 
        groupname: null 
       } 
      }) 
関連する問題