add dynamically to page and set data

[hnor]

hi
how to add select2 with document.createElement('select2')
and set data
tanks

[Zefling]

Like this?
https://angular.dev/guide/elements

[hnor]

Thank you for your reply
Yes, with the same method. But I test it and didn't work. If possible, please provide a sample code
my code:

          let slc=document.createElement('select2')  as NgElement & WithProperties<{data:[]}>; //alse test with{data:Select2Data}
          slc.id='some id'
          let slc_data:Select2Data=[];
          mydata.forEach((el:any,ix:any)=>{    
            slc_data.push({
              value:ix,
              label: el,
              data: { color: 'white', name: el }
            });
          })
          slc.data!=slc_data;
          parent.appendChild(slc);