title: Show Kendo tooltip conditionally in angular 9
body: <p>I'm trying to show a tooltip on one container class but only if a string variable is populated with some string. Currently, the tooltip is working and it displays the text contained in the string variable.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;span kendoTooltip [tooltipTemplate]="tooltip" [title]="'Feed'"&gt;
  &lt;div class="container"&gt;
      &lt;div class="row feed-container" (click)="feedClickEvent(feedItem)" *ngFor="let feedItem of feedRootObject.feeds"&gt;
          &lt;div class="feed-item"&gt;
              &lt;div class="col-sm-4 column-inlineBlock feed-avatar"&gt;
                  &lt;span&gt;
                      &lt;k-icon [icon]=" { type: 'image', src: '04.png', extraClass: 'feed-icon'}"&gt;&lt;/k-icon&gt;
                  &lt;/span&gt;
              &lt;/div&gt;
              &lt;div class="col-sm-7 column-inlineBlock main-feed-content"&gt;
                  &lt;div class="title"&gt;&lt;strong&gt;{{feedItem.secondColumn.title}}&lt;/strong&gt;&lt;/div&gt;
                  &lt;div class="description"&gt;{{feedItem.secondColumn.description}}&lt;/div&gt;
                  &lt;div class="footer" *ngIf="!feedItem.secondColumn.footer.isTimeAgo"&gt;{{feedItem.secondColumn.footer.value}}&lt;/div&gt;
                  &lt;div class="footer time-ago" *ngIf="feedItem.secondColumn.footer.isTimeAgo"&gt;
                      &lt;k-icon [icon]="{type: 'fas', name: feedItem.secondColumn.footer.icon.icon, extraClass: 'icon-clock'}"&gt;&lt;/k-icon&gt;
                      {{feedItem.secondColumn.value | timeAgo}}
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-sm-1 column-inlineBlock third-col" *ngIf="!isTwoColumn"&gt;
                  &lt;div class="third-col-wrapper"&gt;
                      &lt;span class="icon-indicator {{feedItem.thirdColumn.status}}"&gt;
                          &lt;k-icon [icon]="{type: 'fas', name: feedItem.thirdColumn.kIcon.icon, extraClass: 'icon-number'}"&gt;&lt;/k-icon&gt;
                  &lt;/span&gt;
                  &lt;span class="number-indicator"&gt;
                      &lt;strong id="value-indicator"&gt;{{feedItem.thirdColumn.value}}&lt;/strong&gt;
                  &lt;/span&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/span&gt;
  
      &lt;ng-template #tooltip&gt;
          &lt;ng-container *ngIf="feedRootObject.tooltipText"&gt;
              {{feedRootObject.tooltipText}}
          &lt;/ng-container&gt;
      &lt;/ng-template&gt;
  
  </code></pre>
  
  <p>How do I display the tooltip only if the 'feedRootObject.tooltipText' has a value in it?</p>