導航到不使用按鈕的不同html頁面。

Question

我想知道如何根據html/Angular 2中的值導航到不同的頁面。如果值爲true，那麼將加載特定的頁面。我已經有了使用routerLink導航到不同頁面的按鈕 - 我想複製該功能，但不使用按鈕，頁面會在特定值爲真時加載。

這是我主要的應用程序的HTML頁面：

<p-toolbar> 
    <div class="ui-toolbar-group-left"> 
     <button pButton type="button" label="Home" routerLink="/"></button> 
    </div> 

    <div class="ui-toolbar-group-right"> 
     <button pButton type="button" label="About" routerLink="/about"></button> 
     <button pButton type="button" label="Page1" routerLink="/page1"></button> 
     <button pButton type="button" label="Page2" routerLink="/page2"></button> 
     <i class="fa fa-bars"></i> 
    </div> 
</p-toolbar> 
<br /> 

<!--Implement page routing here...--> 
<div *ngIf="valueCheckComplete"> 
    <div *ngIf="showPage1"></div> 
    <div *ngIf="showPage2"></div> 
</div> 

在你能看到的價值檢查中出現的底部。如果例如showPage1爲真，我將如何加載頁面？所有處理這些值的功能都已經在我的TypeScript文件中實現了，我只需要知道如何根據一個值導航到不同的頁面，而不是點擊按鈕。

Answer 1

想通了。在我的html頁面中，我沒有路由到頁面，而是在打字稿文件中使用了一個路由器對象。

constructor(private router: Router, ...){ 
    // set boolean here 
} 

goToPage() 
{ 
    if(this.showTuner) 
     this.router.navigate(['/tuner']); 
    else if(this.showProcessor) 
     this.router.navigate(['/processor']); 
}