如何在角度4中使用具有ng-content（带有select标签）的ng-container

Question

如何将ng-container与具有选择标记的ng-content结合使用。

<div class="container">
  <div id="first">
    <ng-container *ngTemplateOutlet="widgetContent"></ng-container>
  <div>
  <div id="second">
    <ng-container *ngTemplateOutlet="widgetContent"></ng-container>
  </div>
</div>

<ng-content #widgetContent select="side-widget, [sidewidget]"></ng-content>

Answer 1

尝试一下

<div class="container">
   <div id="first">
      <ng-container [ngTemplateOutlet]="widgetContent"></ng-container>
   <div>
   <div id="second">
      <ng-container [ngTemplateOutlet]="widgetContent"></ng-container>
   </div>
</div>

<ng-template  #widgetContent>
   <ng-content></ng-content>
</ng-template>