我在下拉列表中有一个项目列表。每个项目包含3个属性。 name
,acronym
和Id
。我目前正在使用名称和ID,它完全正常。
由于列表很长,用户打开下拉列表并开始输入以查找他们所追踪的项目是很典型的。我们的用户喜欢搜索/输入首字母缩略词,而不是全名。因为我们只在下拉文本中显示全名,输入首字母缩略词通常不会使您找到正确的项目。
如何显示全名,但在首字母缩略词上预先输入?
这是下拉菜单,相当标准。
<select kendo-drop-down-list style="width: 500px"
class="ade-header-organization-list"
k-data-text-field="'organizationName'"
k-data-value-field="'organizationId'"
ng-model="orgSelection"
k-data-source="orgData">
</select>
数据看起来像这样(基于每个记录):
{ organizationId: 1,
organizationName: "Society of Kelvin-based Athletes in Tundra Environments",
orgAcronym: "SKATE"
}
我希望能够输出单词&#34; SKATE&#34;让它跳到正确的项目。
请注意,我在这里使用角度,但行为不是特定于角度的。