有没有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>

有没有body可以渲染angular 4

Is it possible to have a body to render angular 4

grails

transclusion

angular2-template

angular