Question

尝试通过ng-content显示工具提示。但它没有用。如果ng-content位于持有div循环的for之外，那么它正在工作并通过附加到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正在取代您的HTML，这就是为什么您不再拥有ng-content的原因。您确定要在那里innerHTML吗？

ng-content（工具提示）未填充内容

1 个答案: