如何在 ng2-select2 ajax 中创建选项

Question

我在我的 Angular2 项目中使用 ng2-select2，但我遇到的问题是我无法在我的 select2 中呈现选项。我得到了数据，但我无法在 templateResult 中显示选项。

HTML

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

TS

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

我修好了。我的 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
        }
    };
},