Angular 2, Ionic 2의 구성 요소에서 템플릿을 동적으로 업데이트하는 방법

Question

원격 URL에서 템플릿을 가져 오는 구성 요소가 있습니다. 컴포넌트의 템플릿을 다시 요청하고 이미 렌더링 된 템플릿을 변경하는 이벤트를 수행하는 기능을 원합니다.

@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 */ 
 
    }); 
 
    } 
 
}

어떻게 다시 구성 템플릿을 요청하고 새로운 업데이트 하나에 템플릿을 다시 컴파일? 내 사용자가 권한을 부여한 후 템플릿이 자동으로 변경되고 이벤트를 호출하여 변경 사항을 동적으로 표시하려고하기 때문에 필요합니다.

Answer 1

나는 동적 인 스와핑을 템플릿에 추가 할 의도가 없다고 생각한다. 대신에 다른 뷰를 스왑하기위한 변수를 갖는 것이 좋다.

다른 방법을 표시하거나 숨기려면 조건문을 사용하여 경로를 사용하고 특정 구성 요소 템플릿을 만드는 것이 가장 좋습니다. AuthGuards를 설정하여 앱이 인증 된 사용자 만 허용하는지 확인하십시오.