在Angular 2中实现插值

Question

您好我是角度2和打字稿的新手，我正在尝试在组件的标签内添加html。这就是我到目前为止所做的：

Component({
    selector: 'chart',
    templateUrl: './app/chart/chart.component.html'
})

export class Chart {
}

html具有以下结构：

<div class='chart-container'></div>

我想要的是以下列方式使用该组件：

<chart>
 <p>'Hello World'</p>
</chart>

当angular解析此代码时，它应显示以下内容：

  <chart>
     <div class='chart-container'>
          <p>'Hello World'</p>
      </div>
  </chart>

在角度1中，这是通过指令插值实现的。有没有办法在角度2中实现这个？

Answer 1

chart.component.html应该看起来像

  <div class='chart-container'>
      <ng-content></ng-content>
  </div>

实现你想要的目标。