6

長いタイトルですが、こちらがより良い説明です。

「Login」というテンプレート html ファイルがあります。app.js でルートを次のように定義します

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

ui-sref="login" を使用することで、どこからでもこのテンプレートにリンクでき、私のニーズに最適です。

ただし、メイン アプリは抽象ルート「タブ」を使用して、メイン ナビゲーションを含むタブ テンプレートを読み込みます。

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

  <ion-tabs tabs-style="tabs-icon-top" tabs-type="tabs-default">

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

    <!-- Products Tab -->
    <ion-tab title="Earn Points" icon="icon ion-ios7-plus-outline" href="#/tab/retail-store">
      <ion-nav-view name="retail-store-tab"></ion-nav-view>
    </ion-tab>

  </ion-tabs>

私の問題はこれです。ログインページには、他のすべてのページと同じようにメインアプリのナビゲーションが必要です。そうすれば、ログイン ページに到達したユーザーは、ログインしない場合でも、ホーム ページまたは概要ページに移動できます。しかし、独自のナビゲーション タブ/アイコンを表示したくありません。

タブ html を login.html テンプレート ファイルに直接追加するか、ログイン アイコン/タブを非表示にすることができます。私は提案と助けを求めています。ありがとうございました！

4

1 に答える 1

14

タブには、独自のタブ アイコンがあります。そのため、タブアイコンを作成せずにログインページをタブ抽象ビュー内に配置することはできません。

ログイン ページをタブの抽象ビューの下に配置する代わりに、ログイン ページ用に別のタブ付きナビゲーションを配置する必要があります。

次のビューをインデックス ページに読み込みます。

<ion-view title="'Login'">

<ion-content has-header="true" has-footer="true" padding="true">

Login page content goes here 

</ion-content>

<div class="tabs tabs-icon-left">
  <a class="tab-item" href="#/tab/home">
   Home
  </a>
  <a class="tab-item" href="#/tab/about">
    About
  </a>
</div>

</ion-view>
于 2014-03-21T03:11:20.097 に答える