2017-08-01 6 views
0

角度2を初めて使用しています&角度4で、ビューア内に2つのコンポーネントが重なって表示されるWebアプリケーションで作業します。アプリケーションが最初にロードされるとき(onLoad)、最初のコンポーネントが表示されます。ユーザーはコンポーネントとやりとりできます。ユーザーがビューポートと対話すると、最初のコンポーネントと同じ予約領域を持つ別のコンポーネントが表示されます。私はこのような何かのためにNgIf-/ELSE-条件を探しています:角度2&4:NgIf/elseウィンドウロード時に指示を表示する条件

<component-1 *ngIf="windowOnload()" display component-1></component-1> 

他の表示

<component-2></component-2> 

私も条件の詳細をコンポーネント、でいくつかのロジックを実装する必要があります。その条件は次のとおりです。

するとウィンドウがロード、表示コンポーネント1、それ以外の表示コンポーネント2. 私は2 & 4角度に新しいですように、任意のヒント&コードサンプルをいただければ幸いです、ありがとうございました!

+0

可能な複製を(HTTPS:/ /stackoverflow.com/questions/43006550/how-to-use-ngif-else-in-angular-4) – Dalton

+0

@ダルトン:あなたのヒントありがとうございました。私は記名郵便を読んで、私のポストを少し指定しました。私は、最初のコンポーネントをロードし、もう1つのコンポーネントを別のケースで表示する、コンポーネント内にいくつかのロジックが必要です。どんなヒントもありがとう! –

+0

このリンクはhttps://medium.com/aviabird/ngif-else-lands-in-angular-2-2-a242940e54ffでお手伝いします。 – Dalton

答えて

3

通常、Angularアプリケーションを表示する最初のコンポーネントでブートストラップします。あなたはルーティングを使ってそれを行います。つまり、コンポーネントにルーティングします-1。

次に、2番目のルートが表示される原因は明確ではありませんが、通常は2番目のコンポーネントに目的のアクションでルーティングします。

あなたは、ルーティングとアンギュラアプリケーションの例をしたい場合は、私はここに1持っている:[?アンギュラ4で他の方法を使用するには、\ * ngIf]のhttps://github.com/DeborahK/Angular2-GettingStarted

enter image description here

関連する問題