2016-12-06 12 views
0

tab-profileと呼ばれる別のビューに表示される部分ビューtab-suggestionのボタンを作成したいとします。問題は、href="#/tab/profile"は何もしないということです。タブナビのリンクは正常に機能しますが、イオンビューのボタンtab-suggestionは表示されません。テンプレートhtmlから他のページへのイオンルート

ボタンをprofileに転送するにはどうすればよいですか?これは私のコードです:

//app.js 
.state('tab', { 
    url: '/tab', 
    abstract: true, 
    templateUrl: 'templates/tabs.html' 
    }) 

    .state('tab.suggestion', { 
    url: '/suggestion', 
    views: { 
     'tab-suggestion': { 
     templateUrl: 'templates/tab-suggestion.html', 
     controller: 'SuggestionCtrl' 
     } 
    } 
    }) 

.state('tab.profile', { 
    url: '/profile', 
    views: { 
     'tab-profile': { 
     templateUrl: 'templates/tab-profile.html', 
     controller: 'ProfileCtrl' 
     } 
    } 
    }) 

//index.html 
<ion-nav-view></ion-nav-view> 

//tab-suggestion 
<a class="button" ng-if="randomConnection === 'maker'" href="#/tab/profile">Contact</a> 

編集: //tabs.html

<!-- Dashboard Tab --> 
    <ion-tab title="Home" icon-off="ion-home" icon-on="ion-home" href="#/tab/home"> 
    <ion-nav-view name="tab-home"></ion-nav-view> 
    </ion-tab> 
    <ion-tab title="Suggestie" icon-off="ion-android-bulb" icon-on="ion-android-bulb" href="#/tab/suggestion"> 
    <ion-nav-view name="tab-suggestion"></ion-nav-view> 
    </ion-tab> 
    <ion-tab title="Feed" icon-off="ion-arrow-graph-up-right" icon-on="ion-arrow-graph-up-right" href="#/tab/feed"> 
    <ion-nav-view name="tab-feed"></ion-nav-view> 
    </ion-tab> 

</ion-tabs> 
+0

@Ivaroはい、私の 'tabs.html'は' href'を使います、私の編集を見てください。 –

+0

あなたは 'ionic2'タグを削除して' ionic'タグを追加できますか?病気の混乱を防ぐために私のコメントを削除する – Ivaro18

答えて

0

あなたは明らかにそれに触れると、それが(設計によって選択されているタブを押す、イオンが決定することができますこのタブを今選択する必要があります)。あなたが現在のビュー内のボタンから別のタブへのルートにしようと、私は、次の内容を含む関数を記述することをお勧めしたい:

function() { 
    $state.go('yourstate'); 
    $ionicTabsDelegate.select(0); //index of the tab to select 
} 

ザ・$ ionicTabsDelegateは、あなたがプログラムでお好みのタブを選択することができます。

これ以上の説明が必要な場合は、私が電話で入力しているため、これは短いバージョンです。 :)

関連する問題