Create an advanced typeahead template

  • Versão de lançamento: Australia
  • Atualizado 16 de jun. de 2026
  • 1 min. de leitura

    • Configure the way typeahead results display with an advanced template.

    Antes de Iniciar

    Nota:
    Search suggestions replaces typeahead search in Service Portal. Update the glide.service_portal.search_as_you_type_behavior system property to change this behavior. For more information, see Enable and disable search suggestions. Service Portal search widgets automatically use whichever feature you enable.

    Role required: admin

    Procedimento

    1. Complete the required fields in Define a search source.
    2. In the Typeahead tab of the Search Source record, select the Advanced typeahead config check box.
    3. In the Typeahead template field, add an HTML template.

      This example uses AngularJS bindings to display service catalog images in the typeahead results.

      <i class="ta-img" ng-if="match.model.type=='sc'" style="background-image:url('{{match.model.picture}}')"></i> 
<i class="ta-img" ng-if="match.model.type=='sc_guide'" style="background-image:url('{{match.model.picture}}')"></i> 
<i class="ta-icon fa fa-file-text-o" ng-if="match.model.type=='sc_content' && match.model.content_type == 'kb'"></i> 
<strong ng-if="match.model.type=='sc_content' && match.model.content_type == 'external'">➚</strong> 
<span ng-bind-html="match.label | uibTypeaheadHighlight:query"></span>
    4. Click Update.

      Typeahead results display beside the image defined in the service catalog record.

      Typeahead showing results for search term "apple".