고급 템플릿을 사용하여 자동 완성 결과가 표시되는 방식을 구성합니다.
시작하기 전에
주: 검색 제안은 서비스 포털의 자동 완성 검색을 대체합니다. glide.service_portal.search_as_you_type_behavior 시스템 속성을 업데이트하여 이 동작을 변경합니다. 자세한 내용은
검색 제안 활성화 및 비활성화를 참조하십시오.
서비스 포털 검색 위젯은 활성화한 기능을 자동으로 사용합니다.
필요한 역할: admin
프로시저
-
에서 검색 소스 정의필수 필드를 작성합니다.
-
검색 소스 기록의 자동 완성 탭에서 고급 자동 완성 구성 확인란을 선택합니다.
-
자동 완성 템플릿 필드에서 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>
-
업데이트를 클릭합니다.
자동 완성 결과는 서비스 카탈로그 기록에 정의된 이미지 옆에 표시됩니다.
