angular - 如何在 Angular 4 中将 ng-container 与 ng-content（带选择标签）一起使用

Question

如何将 ng-container 与具有 select 标签的 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>

标签： angularng-containerng-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>