ng2-select2でオプションを作成する方法ajax

Question

Angular2プロジェクトでng2-select2を使用していますが、select2でレンダリングできないという問題があります。私はデータを取得するが、私はtemplateResultにオプションを表示することはできません。

は

public options: Select2Options; 
public ajaxOptions: any; 

public ngOnInit(): void { 

    this.ajaxOptions = { 
     url: 'https://localhost:8080/ajaxdata/testselect2', 
     dataType: 'json', 
     delay: 500, 
     cache: false, 
     data: (params: any) => { 
      return { 
       search: params.term, 
       gotoPage: params.page 
      }; 
     }, 
     processResults: (data: any, params: any) => { 
      params.page = params.page || 1; 
      return { 
       results: data.objectValue.items, 
       }), 
       pagination: { 
        more: (params.page * 10) < data.objectValue.total_count 
       } 
      }; 
     }, 
    }; 

    this.options = { 
     ajax: this.ajaxOptions, 
     templateResult: (object: Select2SelectionObject) => { 
      // should create option in here 
     } 
    }; 

Answer 1

HTML

<select2 [options]="options"></select2> 

TSは、私はそれを修正しました。私はjsonがselect2でフォーマットされていないので、このようなprocessResultsで自分のコードを変更して、オプションをレンダリングするtemplateResultを削除します。

processResults: (data: any, params: any) => { 
    params.page = params.page || 1; 
    return { 
     results: $.map(data.objectValue.items, function (obj) { 
      return { id: obj.code, text: obj.desc }; 
     }), 
     pagination: { 
      more: (params.page * 10) < data.objectValue.total_count 
     } 
    }; 
},