問題タブ [ionic-tabs]

主なナビゲーション方法がタブである Ionic プロジェクトに取り組んでいます。中央のタブを目立たせる必要があるため、scss で次のようなスタイルを作成しました。

バーベキューを行ったときと同じようにこれを行ったionic serveところ、タブが次のように表示されました。

次のようにコンパイルされます。

そのため、コンパイルされたアイコンのスタイルを作成するだけだと考えました(タブ全体ではなく、タブアイコンのみをスタイルしたい)。奇妙なことに、これはうまくいきませんでした。ただし、その要素を調べて、次のようにスタイルを追加すると機能します。

最終結果は次のようになります。

<i>しかし、インスペクターでタグを直接編集してこれらのスタイルを実現することしかできません。私が上に投稿したスタイル (ionic.app.scss ファイルにあります) は、アイコンのスタイルを変更しません。私は何か間違ったことをしていますか？スタイルが正しくコンパイルされませんか?

イオン タブを使用しようとすると問題が発生します。

画面の下部に常に表示されるようにする必要があります（のようなものposition: fixed; bottom: 0; left: 0;）。

私が抱えている問題は、現在のセットアップでは、想定どおりに動作しないことです。

私が使用しているテンプレートは次のとおりです。

しかし、タブは画面の下部にリンクされているため、ページをスクロールする必要がある場合、異なる z-index で下にスクロールするコンテンツで常に表示されるのではなく、下部に表示されます。

私はこれをひどく説明したかもしれないので、これをよりよく説明する例を次に示します: http://codepen.io/NickHG/pen/NNZYwK?editors=1010

要約すると、ページが長くてもタブを常に下部に固定するにはどうすればよいですか?

PS: 何らかの形で重要な場合、これはすべてサブ ビューを参照します。

アドバイスや助けをありがとう

次のような .state タブ定義に templateUrl パラメータを渡すことは可能ですか? 複数の異なるページを作成する必要があり、単一のテンプレート内にネストされた多数の ng-if を使用して、どの「html」ページを表示するかを解析したくありません。

上記の .state('tab.menu-detail'..., templuateUrl 関数が起動し、最初のコンソール ログ エントリが機能し、2 番目のログ エントリは何もせず、メッセージもエラーもありません...何もしません。これを機能させるために何度も繰り返してみましたが、完全に途方に暮れています. 上記のタブページリンク (サブカスタムビューに移動するはずです) をクリックしても何も起こりません. コンソールメッセージもエラーもありません.. 。なし。

Ionic 1 (Angular 1 を使用) では$scope.abc、ngApp レイヤーに を作成でき、他の ngControllers は ngModel を継承できる$scope.abcため、1 つのコントローラーのテキスト領域が変更されると、ngModel を介してそれに応じて他のコントローラーも変更されます。

Ionic 2 (および Angular 2) で「同期されたテキスト領域」を実現するにはどうすればよいですか?

ここに私の試みのいくつかがあります：

1. コンポーネントのコンストラクターに MyApp を注入すると、[(ngModel)]="myApp.abc"context.myApp.abc の解決に失敗するという未定義のエラーがコンソールに発生します...
2. setter を使用して Service を作成します。[(ngChange)] を使用してセッターを呼び出し、別のコンポーネントのコンストラクターでゲッターを使用します。コンポーネントがインスタンス化された後、テキスト領域は変更されません。Constructor の代わりに ViewOnInit を使用しても役に立ちません。「コンポーネントが画面に表示される」ためのイベントハンドラはありますか?

私はIonic 2を使用しており、ホームページ(親コンポーネント)があり、ホームページ内にタブレイアウトがあり、Ionic 2では各タブが個別のコンポーネント(子コンポーネント)であるユースケースがあります。

そのため、1 つのタブにユーザーのリストを表示しています。ホームページには、ユーザーが他のユーザーを検索できる検索バーもあります。したがって、ユーザーが検索バーに入力すると、ホームページ(親コンポーネント)で定義された関数がトリガーされますが、この関数がトリガーされると、フィルターするユーザータブ(子コンポーネント)でイベントを発生させる必要がありますユーザーリストとユーザータブの表示。これを解決するには助けが必要です。以下は私のコードです

私の質問が理解しやすいことを願っています。

イオン タブで望ましくない動作が見つかりました。

基本的に私はいくつかのタブを持っています.最初のタブには3つのビューがあり、1つはtab1Initialがtab1internal1ビューへのアクセスを提供し、これは同じタブのtab1internal2ビューへのアクセスを提供します.そこには問題ありません.

しかし、最初のタブで tab1internal2 につながる他のタブ (2 番目のタブと呼びましょう) があります。これは、1 つの詳細を除いて、期待どおりに機能します。

最初のタブにアクセスしておらず、2 番目のタブから最初のタブへの tab1internal2 ビューにアクセスした場合、この tab1internal2 ビューは最初のタブのデフォルト ビューとして残ります。タブによって表示される最初のビューがタブに固執するビューである場合、それはまさに私の問題です。

この動作を示す codepen があります。私が説明した動作を再現するのは簡単です。

ところで、私はナビゲーションについて心配していません。私の問題は、タブに触れたときに必要なビューが表示されないことだけです。

これはいけません

どのようにナビゲートしても、そのビューをデフォルトとして割り当てますか?

これが私が達成しようとしているものです。プロジェクトにタブコンポーネントを追加したいのですが、ページの残りの部分にログインする前にタブを表示したくありません。私がすることはこのようなものです:

私の app.component.ts :

以下は私の tabs.ts です：

次に、ここに私の tabs.html があります:

私がそれを行うと、最初のロード時に正常に表示され、タブが表示されません。次に、ログインした後、設定します

私のログイン機能では、すでにログインしている間はタブが表示されません。その上、「タブ」を表示するにはページを更新する必要があります。私もログアウトしたときに起こります..これを解決するにはどうすればよいですか？ログインページ以外のすべてのページにタブを表示したい

これが私が達成しようとしているものです。私はすでにアプリケーションにログインしていますが、ログアウトすると、ログイン画面でページを更新するまでタブが残ります。ログアウトするときにログイン画面から削除したい方法、何私はここで逃した？これが私がすることです：

私の app.component.ts :

以下は私の tabs.ts です：

次に、ここに私の tabs.html があります:

私がそれを行うと、最初のロード時に正常に表示され、タブが表示されません。次に、ログインした後、設定します

ここに私のログアウトコードがあります:

そこで、すでに LoginPagePage に setRoot を設定していますが、それでもタブが画面に表示されるのはなぜですか? これを修正するには？