如何在Angular 2的离子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，以确保您的应用仅允许授权用户。