ng-content (工具提示)没有填充内容

Question

试图通过ng-content显示工具提示。但这是行不通的。如果ng-content位于容纳for循环的div之外，那么它将通过附加到div来工作和显示工具提示--但是问题是工具提示应该在句子的末尾。

对齐标签组件模板

<div class="aligned-label">
    <div *ngFor="let label of getLabels()" [innerHtml]="label">
        <span ng-bind="label">
            <ng-content></ng-content>
        </span>
    </div>
</div>

复选框组件模板

<div class="control__content">
    <aligned-label class="control__label" [labels]="labelText">
        <ng-template #popTemplate>
            <span [innerHtml]="tooltipText"></span>
        </ng-template>
        <span *ngIf="tooltipText" class="mdi mdi-information" [tooltip]="popTemplate" container="body"></span>
    </aligned-label>
</div>

labeltext、tooltipText被输入到复选框组件。

Answer 1

innerHTML正在取代span的HTML，这就是为什么不再拥有ng-content的原因。你确定你想要那个innerHTML在那里吗？