angular - 是否可以有一个 body 渲染 Angular 4

Question

可以做这样的事情

mycomponent.html

<div>
 <something-content></something-content> <!-- don't know the tag
</div>

其他一些html:

<app-mycomponent>
 some random text
<app-mycomponent>

结果是:

 <div>
   some random text
 </div>

在grails中，我将使用taglib:

Closure mytag = {attr, body ->
  out <<     "<div>"
  out <<       body()
  out <<     "</div>"
}

Answer 1

我认为您正在寻找的功能是内容转换。可以使用ng-content归档成 Angular 。例如:

@Component({
  selector: 'panel',
  template: `
      <div class="panel">
        <div class="panel-header">
          <ng-content select="panel-header"></ng-content>
        </div>
      </div>
  `
})
export class PanelComponent {}

然后，您可以使用:

<panel>
  <panel-header>Header title</panel-header>
</panel>