0

1 つのコンテナー クラスにツールチップを表示しようとしていますが、文字列変数に文字列が入力されている場合のみです。現在、ツールチップは機能しており、文字列変数に含まれるテキストが表示されます。

<span kendoTooltip [tooltipTemplate]="tooltip" [title]="'Feed'">
<div class="container">
    <div class="row feed-container" (click)="feedClickEvent(feedItem)" *ngFor="let feedItem of feedRootObject.feeds">
        <div class="feed-item">
            <div class="col-sm-4 column-inlineBlock feed-avatar">
                <span>
                    <k-icon [icon]=" { type: 'image', src: '04.png', extraClass: 'feed-icon'}"></k-icon>
                </span>
            </div>
            <div class="col-sm-7 column-inlineBlock main-feed-content">
                <div class="title"><strong>{{feedItem.secondColumn.title}}</strong></div>
                <div class="description">{{feedItem.secondColumn.description}}</div>
                <div class="footer" *ngIf="!feedItem.secondColumn.footer.isTimeAgo">{{feedItem.secondColumn.footer.value}}</div>
                <div class="footer time-ago" *ngIf="feedItem.secondColumn.footer.isTimeAgo">
                    <k-icon [icon]="{type: 'fas', name: feedItem.secondColumn.footer.icon.icon, extraClass: 'icon-clock'}"></k-icon>
                    {{feedItem.secondColumn.value | timeAgo}}
                </div>
            </div>
            <div class="col-sm-1 column-inlineBlock third-col" *ngIf="!isTwoColumn">
                <div class="third-col-wrapper">
                    <span class="icon-indicator {{feedItem.thirdColumn.status}}">
                        <k-icon [icon]="{type: 'fas', name: feedItem.thirdColumn.kIcon.icon, extraClass: 'icon-number'}"></k-icon>
                </span>
                <span class="number-indicator">
                    <strong id="value-indicator">{{feedItem.thirdColumn.value}}</strong>
                </span>
                </div>
            </div>
        </div>
    </div>
</div>
</span>

    <ng-template #tooltip>
        <ng-container *ngIf="feedRootObject.tooltipText">
            {{feedRootObject.tooltipText}}
        </ng-container>
    </ng-template>

「feedRootObject.tooltipText」に値が含まれている場合にのみツールチップを表示するにはどうすればよいですか?

4

2 に答える 2

0

次のようにする必要があります: [tooltipTemplate]="feedRootObject.tooltipText ? tooltip : ''"

私のために働いた:)

于 2020-08-25T10:34:39.513 に答える