Ionicショーを白地に追加しました

Question

Ionic-AppにLogin-Screenを追加しました。しかし、何とかして、urlRouterProviderが指定されたパスを指しているとき、Appはただ白くなります。ただ、入力フィールドに、

login.htmlと（テンプレート）

<ion-view view-title="login"> 
    <ion-content class="padding"> 
    <label class="item item-input"> 
     <span class="input-label">Username</span> 
     <input type="text"> 
    </label> 
    <label class="item item-input"> 
     <span class="input-label">Password</span> 
     <input type="password"> 
    </label> 
    </ion-content> 
</ion-view> 

かなりシンプル：現時点では、このようになります。

app.jsのcontaintsこの：

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

    .state('dash.login', { 
     url: '/login', 
     views: { 
     'login': { 
      templateUrl: 'templates/login.html', 
      controller: 'LoginCtrl' 
     } 
     } 
    }) 

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

はい、ダッシュビューは、ログインの親でなければなりません。 コントローラが存在するが、この時点で何の機能は持っていない：私は非常に新しいですが、ほとんどのオンラインドキュメンテーションによると、これはすでに動作するはず

.controller('LoginCtrl', function($scope) {}) 

を！私は新しいビューを追加し、それに応じて状態を作成し、それからurlRouterProviderを指し示した。これは、アプリケーションの開始画面がトップのナビバーで現時点では白い白であるために動作し、空のコントローラを追加した。

サービスはまだありません。私はindex.htmlを変更しませんでした。このアプリはタブベースのIonicのテンプレートで、tabs.htmlは次のようになります：

<ion-tabs class="tabs-icon-top tabs-color-active-positive"> 

    <!-- Dashboard Tab --> 
    <ion-tab title="Home" icon-off="ion-home" icon-on="ion-home" href="#/tab/dash"> 
    <ion-nav-view name="tab-dash"></ion-nav-view> 
    </ion-tab> 

    <!-- Kalender Tab --> 
    <ion-tab title="Kalender" icon-off="ion-calendar" icon-on="ion-calendar" href="#/tab/chats"> 
    <ion-nav-view name="tab-chats"></ion-nav-view> 
    </ion-tab> 

    <!-- Fangbuch Tab --> 
    <ion-tab title="Fangbuch" icon-off="ion-folder" icon-on="ion-folder" href="#/tab/account"> 
    <ion-nav-view name="tab-account"></ion-nav-view> 
    </ion-tab> 


</ion-tabs> 

ここでは何が欠けていますか？

Answer 1

ログイン画面に対応するビューを追加する必要があります。 index.htmlには、<ion-nav-view name="tab-dash"></ion-nav-view>と表示されていますか？ https://codepen.io/ionic/pen/CbBsA