子コンポーネントの表示/非表示方法

Question

私はデフォルトで1.component.htmlを読み込む単一のページサイトを作成しようとしています。ユーザーが次のボタンをクリックすると、2.component.htmlが読み込まれます。同様に、ユーザーが現在2.component.htmlにいて、戻るボタンをクリックすると、1.component.htmlをロードします。ルーティングは必要ありません。

Answer 1

はタブコントロールのように聞こえる。すべてのクリックは、それの状態変化しながら

は基本的には変数が必要：

let status = 1; 

function onclick1(){ 
    this.status = 1; 
} 

function onclick2(){ 
    this.status = 2; 
} 

<button (click)="onclick1()">page1</button> 
<button (click)="onclick2()">page2</button> 
<div *ngIf="status==1">page1</div> 
<div *ngIf="status==2">page2</div> 

Answer 2

それがリダイレクトされますFIRSTPAGE負荷がcomponent.htmlする

//javascript code 
<script type = "text/javascript"> 
window.onload = function() 
{ 
alert("ohk"); 
document.getElementById("fom_id").action = "1.component.html";} 
</script> 

'**************Below code to redirect on another page******************* 
'**************Add this code on component.html file ******************* 

<script type="text/javascript"> 
//call this function on net button onclick event. 
function validate() 
{ 
alert("ohk"); 
var activeid = document.activeElement.id; 
    if (activeid == "next") 
    { 
     document.getElementById("form_id").action = 2.component.html  document.getElementById("form_id").submit(); 
    } 
} 
</script> 

//Add this same code for 2.component.html 
//redirect it to 1.component.html 

私はちょうどあなたがあなたの質問にタグを付けているので、確認したい