Question

我正在尝试使用Ng-Content，但它似乎无法正常工作。完整代码在plunker Full code

中

@Component({
  selector: 'my-app',
  template: `
    <div>
      <h2>Hello {{name}}</h2>
      <div>
        Title:
        <ng-content select=".my-component-title"></ng-content>
      </div>
      <div>
        Content:
        <ng-content select=".my-component-content"></ng-content>
      </div>
    </div>
  `,
})

我已更新了plunker代码，现在ng-content不在根组件中。但它还是不起作用。

Answer 1

不支持根组件上的

<ng-content>。

<ng-content>仅转换Angular2组件中定义的元素和组件。

另见Angular2 root component with <ng-content>

Angular 2 Ng-Content似乎不起作用

1 个答案: