angular - 如何在剑道组合框中添加工具提示？

Question

检查StackBlitz项目并建议如何向下拉列表添加工具提示，以便我能够看到 StackBlitz 项目中提到的“小”、“中”和“大”下拉列表的工具提示？

Answer 1

您可以为组合框的项目定义一个模板，特别是kendoComboBoxItemTemplate。

将以下内容放入组合框中:

<kendo-combobox [allowCustom]="true"
                [data]="data"
                [textField]="'text'"
                [valueField]="'value'"
                [filterable]="true"
                (filterChange)="handleFilter($event)"
                [placeholder]="'T-shirt size'">
    <ng-template kendoComboBoxItemTemplate let-dataItem>
        <div [title]="dataItem.text">{{dataItem.text}}</div>
    </ng-template>
</kendo-combobox>

您可以在 title 属性中放置您想要或需要的任何内容以用作工具提示。