Ionic - Ionicビューでの失敗

Question

イオンフレームワークのサイドメニュー内にタブ付きページを作成し、PCで完全に実行しました。 しかし、それをionic view（view.ionic.io）にアップロードして携帯電話で実行すると、 タブが消えます。

Myタブスクリプト：？？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

このテンプレートは、state/template 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');