如何动态更新Angular 2，Ionic 2组件中的模板

Question

我有一个从远程网址获取模板的组件。我希望在事件上有一个函数，它可以再次请求组件的模板并更改已经渲染的模板。

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

如何再次请求组件模板并将模板重新编译为更新的模板？我想要它，因为在我的用户被授权后，我的模板会自动更改，我想通过调用事件来动态显示更改。

Answer 1

我认为他们从不打算为模板添加动态交换，而是推荐的方法是让变量交换不同的视图。

更好的方法是使用您的路线并使用条件语句创建特定的组件模板以显示/隐藏不同的功能。确保设置AuthGuard以确保您的应用仅允许授权用户。