Angular czyta komponent jako zwykły html.

Witam serdecznie. Od paru dni borykam się z pewnym problemem. Mianowicie muszę za pomocą jquery dodać string, który wygeneruje mi komponent. Jak to mniej więcej działa?

$('.status').each(function () {
        var title = $(this).text();
        $(this).html('<ng-select id="status-input" [options]="simpleOption" [(ngModel)]="selectedOption"></ng-select>');
      })

Operacja ta po prostu nie działa. Traktuje to jako zwykły html nie uwzględniając że ng-select to komponent.

Z góry mówię że nie mogę majstrować w pliku html przez co jestem zmuszony to użycia jquery. Czy ktoś miał może podobny problem?

W angularjs jesli chcesz zeby "string html" byl traktowany jako komponent to musisz uzyc $compile

jQuery i angular 7 to sie nie może skończyc niczym dobrym. Podejrzewam, że pewnie w projekcie nie ma żadnego architekta skoro takie cuda się dzieja (wiem z doświadczenia).

musisz tam pchac Angulara? Może zrób to na jakimś plugin'ie jQuery?

No tak średnio bym powiedział. Mamy wykupiony szablon z funkcjonalnościami napisanymi pod angulara, a gdyby to od nowa robić to wohoho. Jquery tam wjechał ponieważ nie było żadnej dobrej biblioteki z datatable. które spełniały by nasze wymagania więc trzeba było robić to ręcznie niestety modyfikując gotowy kod. I tak właśnie znalazłem się w tym miejscu. No nie jest kolorowo.