无法在angular2的模板函数中读取回调函数

Question

我正在尝试在模板函数中显示动态html，但无法这样做：

@Component({
  selector: 'hero-host',
  template: getHTML(),
  styles: ['.active {background-color: yellow;}']
})
export class HeroHostComponent {
getHTML(){
return '<ul class="page-sidebar-menu"><li class="sidebar-toggler-wrapper hide"><div class="sidebar-toggler"> </div></li><li class="sidebar-search-wrapper"></li><li class="nav-item start"><a class="nav-link home name" (click)="HomeButton(event)"><i class="fa fa-home"></i><span class="title">Home</span></a></li><li class="nav-item"><a class="nav-link nav-toggle masters" (click)="parentNav($event)"><i class="fa fa-diamond"></i><span class="title">Master Files</span><span class="arrow"></span><span class=""></span></a><ul class="sub-menu"><a class="nav-link nav-toggle masters" (click)="parentNav($event)"></a>';   
}
}

如果我做错了，请帮助我。 提前致谢。

Answer 1

将getHTML()调用（ Component装饰器中的template键）替换为从此方法返回的字符串。

根据文档：

template-视图的内联定义模板