高度な先行入力テンプレートを作成する

  • リリースバージョン: Zurich
  • 更新日 2026年06月17日
  • 所要時間：1分

    • 高度なテンプレートで先行入力結果の表示方法を構成します。

    始める前に

    注:
    検索の提案は、サービスポータル では先行入力検索の後継機能です。この動作を変更するには、glide.service_portal.search_as_you_type_behavior システムプロパティを更新します。 詳細については、「 検索候補の有効化と無効化」を参照してください。 サービスポータル 検索ウィジェットは、有効にした機能を自動的に使用します。

    必要なロール：admin

    手順

    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. [更新] をクリックします。

      先行入力結果は、サービス カタログ レコードで定義されたイメージの横に表示されます。

      検索用語「apple」の結果を示す先行入力です。