无法在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()调用（template装饰器内的Component键）。

根据文件：

  

模板 - 视图的内联定义模板