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

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

Avant de commencer

Remarque :

Suggestions de recherche remplace la recherche de suggestion automatique dans Portail de services. Mettez à jour la glide.service_portal.search_as_you_type_behavior propriété système pour changer ce comportement. Pour plus d’informations, voir 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 obligatoires 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 les images du 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.