How to trigger change event with server side select2 to download and render a selected item?

[tealpartners]

How to trigger change event with server side select2 to download and render a selected item?

[alexaka1]

I managed to find a workaround, similair to my original jQuery.

const select = document
                    .getElementById('myNgSelect2')
                    ?.querySelector('select'); // select element is first child of the <ng-select2> element
const option = document.createElement('option');
option.innerText = myOption.text;
option.setAttribute('value', myModel.someProperty);
/* this selected attirbute makes it kinda jank, because multiple options will 
have the selected attribute, but ng-select2 seems to handle it well, and always selects the latest added option.
I would need more extensive testing, like if this select2 is part of a form, then the correct value gets sent or some random, or maybe first in the DOM?.
*/
option.setAttribute('selected', 'selected'); 
select?.appendChild(option);
select?.dispatchEvent(new Event('change')); // needless to say, but this will only work if the view has been initialized :)

<ng-select2 id="myNgSelect2" [(ngModel)]="myModel.someProperty"></ng-select2>

With myOption being populated by a server side request. I've put this into my observable.subscribe() method, and it seems the regular select change event is enough to trigger the select2 changing the selected item to this new one.