高度な先行入力テンプレートの作成

  • リリースバージョン: Australia
  • 更新日 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」の結果を表示する先行入力。