Crie um modelo autocompletável avançado

  • Versão de lançamento: Zurich
  • Atualizado 17 de jun. de 2026
  • 1 min. de leitura
  • Configure a forma como os resultados de digitação antecipada são exibidos com um modelo avançado.

    Antes de Iniciar

    Nota:
    As sugestões de pesquisa substituem a pesquisa autocompletável em Portal de serviços. Atualize a propriedade do sistema glide.service_portal.search_as_you_type_behavior para mudar este comportamento.Para obter mais informações, consulte Habilitar e desabilitar sugestões de pesquisa . Portal de serviços os widgets de pesquisa usam automaticamente qualquer recurso habilitado.

    Função necessária: administrador

    Procedimento

    1. Preencha os campos obrigatórios em Defina uma origem de pesquisa.
    2. Em Autocompletação . Origem da pesquisa , selecione Configuração autocompletável avançada caixa de seleção.
    3. Em Modelo autocompletável , adicione um modelo HTML.

      Este exemplo usa vinculações AngularJS para exibir imagens do catálogo de serviços nos resultados de digitação antecipada.

      <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. Clique em Atualizar.

      Os resultados autocompletáveis são exibidos ao lado da imagem definida no registro do catálogo de serviços.

      Typeahead mostrando resultados para o termo de pesquisa "apple".