在 Angular 2 中实现插值

Question

您好，我是 angular 2 和 typescript 的新手，我正在尝试在组件的标签中添加 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>

实现你想要的。