如何動態更新Angular 2的組件中的模板，Ionic 2

我有一個從遠程URL獲取模板的組件。我想在事件上有一個函數，它可以再次請求組件的模板並更改已經呈現的模板。如何動態更新Angular 2的組件中的模板，Ionic 2

@Component({ 
 
    selector: 'cartpage-blocks-cartpage', 
 
    templateUrl: '/url/to/romote/server/template' 
 
}) 
 

 
export class CartPageBlocksCartPage{ 
 

 
    /** 
 
    * Constructor of class 
 
    * 
 
    * @param events - events controller 
 
    */ 
 
    constructor(
 
    public events: Events 
 
){ 
 
    this.events.subscribe('reload-component-template',() => { 
 
     /* Do something to reload template */ 
 
    }); 
 
    } 
 
}

如何再次請求組件模板並重新編譯模板到一個新的更新嗎？我想要它，因爲在我的用戶被授權後，我的模板會自動更改，並且我想通過調用一個事件來動態顯示更改。

來源

2017-03-01 Alexander Zakusilo

你正在嘗試服務器端渲染離子2？ –

是的。使用會話呈現在遠程服務器上以顯示相同的附加信息。 –

AFAIK https://forum.ionicframework.com/t/support-for-angular-universal/49103/2在離子2中不支持角度通用（這是角度的服務器端渲染） –

我認爲他們從來沒有打算爲模板添加動態交換，相反他們推薦的方法是讓變量交換不同的視圖。

更好的方法是處理您的路線並使用條件語句創建特定的組件模板以顯示/隱藏不同的功能。確保您設置了AuthGuards以確保您的應用只允許授權用戶使用。

來源

2017-03-01 10:29:56 gyeong

如何動態更新Angular 2的組件中的模板，Ionic 2

回答

相關問題