Créer un modèle de suggestion automatique avancé

  • Rversion finale: Washingtondc
  • Mis à jour 10 janv. 2026
  • 1 minute de lecture

    • Configurez la façon dont les résultats de la suggestion automatique s’affichent avec un modèle avancé.

    Avant de commencer

    Remarque :
    Les suggestions de recherche remplacent la recherche de suggestion automatique dans Portail de services. Mettez à jour la propriété système glide.service_portal.search_as_you_type_behavior pour modifier ce comportement. Pour plus d’informations, consultez Activer et désactiver les suggestions de recherche. Portail de services Les widgets de recherche utilisent automatiquement la fonctionnalité que vous activez.

    Rôle requis : admin

    Procédure

    1. Renseignez les champs requis dans Définir une source de recherche.
    2. Dans l’onglet Suggestion automatique de l’enregistrement Source de recherche , cochez la case Configuration avancée de la suggestion automatique .
    3. Dans le champ Modèle de suggestion automatique , ajoutez un modèle HTML.

      Cet exemple utilise des liaisons AngularJS pour afficher des images de catalogue de services dans les résultats de suggestion automatique.

      <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. Cliquez sur Mettre à jour.

      Les résultats de la suggestion automatique s’affichent à côté de l’image définie dans l’enregistrement du catalogue de services.

      Suggestion automatique affichant les résultats pour le terme de recherche « pomme ».