템플릿 html에서 다른 페이지로의 이오니아 경로

부분보기 tab-suggestion에있는 단추를 만들고 싶습니다.이 단추는 tab-profile이라는 다른보기로 연결됩니다. 문제는 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>

출처

2016-12-06 Jeroen Steen

@Ivaro 예, 내'tabs.html'은'href'를 사용합니다. 내 편집을 참조하십시오. –

좋아, 'ionic2' 태그를 제거하고'ionic' 태그를 추가 할 수 있습니까? 다른 사람들과의 혼동을 막기 위해 내 의견을 삭제하십시오. – Ivaro18

당신은 분명 만지지로는 (설계에 의해 선택되어 탭을 타격, 이온이 결정할 수있다 이 탭을 지금 선택해야 함). 현재 뷰 내부의 버튼에서 다른 탭로 라우팅하려고하면 나는 다음과 같은 내용을 포함하는 함수를 작성하는 것이 좋습니다 것 :

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

$ ionicTabsDelegate는 프로그래밍 원하는 탭을 선택 할 수 있습니다.

더 자세한 설명이 필요하면 알려주세요. 전화로 입력하기 때문에 짧은 버전입니다. :)

출처

2016-12-06 17:47:41 OClyde

템플릿 html에서 다른 페이지로의 이오니아 경로

답변

관련 문제