고급 자동 완성 템플릿 생성

고급 템플릿을 사용하여 자동 완성 결과가 표시되는 방식을 구성합니다.

시작하기 전에

주:

검색 제안은 서비스 포털의 자동 완성 검색을 대체합니다. glide.service_portal.search_as_you_type_behavior 시스템 속성을 업데이트하여 이 동작을 변경합니다. 자세한 내용은 검색 제안 활성화 및 비활성화를 참조하십시오. 서비스 포털 검색 위젯은 활성화한 기능을 자동으로 사용합니다.

필요한 역할: 관리자

프로시저

1. 의 검색 소스 정의필수 필드를 모두 채우십시오.
2. 검색 소스 기록의 자동 완성 탭에서 고급 자동 완성 구성 확인란을 선택합니다.
3. 자동 완성 템플릿 필드에 HTML 템플릿을 추가합니다.

   이 예시에서는 AngularJS 바인딩을 사용하여 자동 완성 결과에 서비스 카탈로그 이미지를 표시합니다.

   <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. 업데이트를 클릭합니다.

   서비스 카탈로그 기록에 정의된 이미지 옆에 자동 완성 결과가 표시됩니다.