ヘッダーのないランディングコンポーネントを配置できません

Question

ランディングセクションのボタンをクリックした後にのみ、ヘッダー部分とすべてのレシピが含まれるレシピにリダイレクトする必要があるランディングセクションを実装しようとしています。ヘッダーは、ショッピングリストセクション、サインインとサインアップセクション。ランディングセレクタを実装する場所を理解できません。それは

Answer 1

あなたはブール値を使用することができisEndLandingSectionのような（何かをヘッダ部分を含まないように

app.component.html

<app-header></app-header> 
<div class="container"> 

    <div class="row"> 
    <div class="col-md-12"> 

    <router-outlet></router-outlet> 
    </div> 
    </div> 
</div> 

は、誰かが着陸セレクタを置くことで私を助けてください）サービスを介して必要なコンポーネントに到達することができます。ランディングセクションのボタンをクリックし、単に* ngIfを使用してこのブール値に従ってヘッダーを表示または非表示にするときは、この変数をtrueに設定します。 この方法では、app.component.htmlを変更する必要はありませんが、header.component.htmlに* ngIfを追加する必要があります。