Ionic - Ionic보기 실패

Question

이온 프레임 워크가있는 사이드 메뉴 내부에 탭이있는 페이지를 만들고 PC에서 완벽하게 실행됩니다. 하지만 ionic view (view.ionic.io)로 업로드하고 휴대 전화에서 실행하면 탭이 사라집니다.

내 탭 스크립트 :? http://codepen.io/MarcelAng/pen/KrJyYp

왜, 어떤 생각,

감사 :

<script id="templates/tabs.html" type="text/ng-template"> 
    <ion-tabs class="tabs-positive tabs-icon-top"> 
    <!-- Dashboard Tab --> 
    <ion-tab title="Status" icon-off="ion-ios-pulse" icon-on="ion-ios-pulse-strong" href="#/app/palylist/dash"> 
     <ion-nav-view name="tab-dash"></ion-nav-view> 
    </ion-tab> 

    <!-- Chats Tab --> 
    <ion-tab title="Chats" icon-off="ion-ios-chatboxes-outline" icon-on="ion-ios-chatboxes" href="#/app/playlist/chats"> 
     <ion-nav-view name="tab-chats"></ion-nav-view> 
    </ion-tab> 

    <!-- Account Tab --> 
    <ion-tab title="Account" icon-off="ion-ios-gear-outline" icon-on="ion-ios-gear" href="#/app/playlist/account"> 
     <ion-nav-view name="tab-account"></ion-nav-view> 
    </ion-tab> 
    </ion-tabs> 
</script> 

여기에 내가 codePen의 전체 코드를했다.

Answer 1

주/템플릿 URL을 사용하여 app.js에서 템플릿을로드 해보세요.이 방법은 저에게 효과적입니다. 어떻게 든 스크립트를 사용할 때 그냥 작동하지 않습니다. 도움이 되었기를 바랍니다.

.config(function($stateProvider, $urlRouterProvider) { 
    $stateProvider 

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

    .state('tab.dash', { 
    url: '/dash', 
    views: { 
     'tab-dash': { 
     templateUrl: 'templates/tab-dash.html', 
     controller: 'DashCtrl' 
     } 
    } 
    }); 

    $urlRouterProvider.otherwise('/tab/dash');