*对于Pug / Jade mixin

Question

我正在为我的应用程序开发菜单，并且有类似的东西：

MenuItem类

@Component({
  selector: 'side-navbar',
  styleUrls: [ 'side-navbar.component.sass' ],
  templateUrl: 'side-navbar.component.pug',
})
export class SideNavbarComponent {
  public menuItems: MenuItem[];

  constructor() {
    this.menuItems = [];
  }
}

组件：

mixin menuItem(element)
  li.menu-item(style=element.styles)
    a(routerLink= element.link routerLinkActive="active")= element.name
      each child in element.children
        +menuItem(child)

div.sidebar-container(layout="row")
  .sidebar-body
    ul
      +menuItem(child)(*ngFor="let child of menuItems")

PUG模板：

PsCustomObject

我不知道如何处理最后一个模板行。 我想在MenuItem中为每个元素显示mixin。 但是浏览器说没有未定义的“大小” - 所以compnent和template之间没有界限。帮助