How to Display ToolTips on Dropdown list options?

[Denny]

Hi Experts,

I want display ToolTips on Dropdown list options. I tried to use  use kendoPopoverContainer, but the filter can't work. Can someone share me some idea for this? Thanks.

 <div kendoPopoverContainer filter=".hasHint" [popover]="myPopover" showOn="hover">
    <kendo-label [for]="lookupTypesList" text="Lookup Type:"></kendo-label>
    <kendo-dropdownlist displayTextField="Text"
                        textField="Text"
                        valueField="Text"
                        [data]="lookupFields"
                        (valueChange)="setLookupField($event)"
                        #lookupTypesList>
      <ng-template kendoDropDownListItemTemplate let-dataItem>
        <span class="hasHint" *ngIf="(dataItem.Note != '')">{{ dataItem.Text }}</span>
        <span *ngIf="(dataItem.Note =='')">{{ dataItem.Text }}</span>
      </ng-template>
    </kendo-dropdownlist>
</div>

<kendo-popover #myPopover body="Has Hint">
</kendo-popover>

 

public lookupFields: any = [
    {
      Text: "Option 1",
    Note: "This is Hint 1"
    },
    {
      Text: "Option 2",
    Note: ""
    },
    {
      Text: "Option 3",
    Note: "This is Hint 3"
    }
  ];