当我在数组中推送 select2OptionData 对象时，select2 不显示任何值

Question

select2 在我的 angular 项目中。我想显示 api 请求的证书数组的 select。对于每个元素，如果我在数组中创建并推送一个 select2OptionData 对象，但是当我想在 Html 页面中显示它时，它是 selected 但没有任何选项。当我创建像 gitHub 演示这样的对象数组时，一切正常。你能帮帮我吗

这里是 ts

export class DashboardCvComponent implements OnInit, OnDestroy {

  certificateForm: FormGroup;
  certificates: Array<Certificate>;
  certificatesTypes: Array<Select2OptionData>;
  exampleData: Array<Select2OptionData>;


  constructor(private formBuilder: FormBuilder, private certificatesService: CertificatesService,
              private trainingsService: TrainingsService, private authService: AuthenticationService,
              private datepipe: DateFormatPipe, private CvService: CVService, private fileUploaService: FileUploadService) {

    this.certificatesTypes = [];
    this.exampleData = [];
   }

  ngOnInit() {

  // get certificate types
    this.certificatesService.getAllCertificatesType('50').subscribe(
      (response) => {
      // console.log('-> CERTIFICATES TYPES LOADING successful : ', response);
      /* this.certificatesTypes = response.data; */
      response.data.forEach(element => {
        const certif = {id: element.id.toString(), text: element.name};
        this.certificatesTypes.push(certif);
      });
      this.exampleData = [{
        id: 'basic1',
        text: 'Basic 1'
      },
      {
        id: 'basic2',
        disabled: true,
        text: 'Basic 2'
      },
      {
        id: 'basic3',
        text: 'Basic 3'
      },
      {
        id: 'basic4',
        text: 'Basic 4'
      }]
      console.log('les certif', this.exampleData, this.certificatesTypes);
      },
      (error) => {
       console.log('-> CERTIFICATES TYPES LOADING failed : ', error);
      },
      () => {
      }
    );

和html

<div class="dashboard--degrees">
    <app-certificate *ngFor="let certificate of certificates" [certificate]=certificate [url]=url></app-certificate>
    <button class="button button--bluegreen" type="button"  data-modal="modal-certificate">
      <svg class="icon icon-plus-o">
        <use xlink:href="#icon-plus-o"></use>
      </svg> <span  i18n="@@cvcomponent-addcertificate">J'ajoute un diplôme </span>
    </button>
    <select2 [data]="certificatesTypes"></select2>
    <select2 [data]="exampleData"></select2>
</div>

这里的 exampleData select 显示良好但不是 certificatesTypes

Answer 1

不要在 for 循环中使用 this.certificate.push。不起作用。而不是你可以使用类似的东西：

   let arrCertificates = [];
    response.data.forEach(element => {
           const certif = {id: element.id.toString(), text: element.name};
           arrCertificates.push(certif);
         });
   this.certificatesTypes = arrCertificates;

当我在数组中推送 select2OptionData 对象时，select2 不显示任何值

when i push select2OptionData object in an array, select2 don't display any value

arrays

angular-ngselect

angular