角2の異なるテンプレート

Question

お互いに違うレイアウトを作成する方法をお聞きしたいと思います。例えば、私はログインページを持っているので、ヘッダ（ナビゲーションバー）はありません。ログイン後、別のレイアウトを意味するヘッダがあるホームページにリダイレクトされます。私は角度2を学び始めたばかりです。ありがとう！

Answer 1

* ngIf ...ブール値に基づいて表示または非表示にするコードのブロック全体を定義できます。例えば

、私のアプリから：あなたはジョン・ベアードが質問に答えています、同じテンプレートに変更を探している場合は

<div *ngIf="isSuccess" class="ui-grid-row form-group"> 
    <div class="ui-grid-col-12"> 
     <p>You have successfully verified your email address. We will take you to the login screen.</p> 
     <p>Thank you for signing up and we wish you the best.</p> 
    </div> 
</div> 

<div *ngIf="!isSuccess" class="ui-grid-row form-group"> 
    <div class="ui-grid-col-12"> 
     <p>Your email address verification has failed. Please resend the verification and try again.</p> 
    </div> 
</div> 

Answer 2

、場合にあなたはすべて一緒にあなたを別のテンプレートを持っているために探している必要がありますコンポーネントとルートを作成しようとしている。 新しいコンポーネントコンポーネントを作成します。 ルート "/ toComponent"を作成します。

ログインコンポーネントをこの新しいフォームコンポーネントにリダイレクトします。 よろしくお願いします。 https://angular.io/docs/ts/latest/tutorial/toh-pt5.html