Injetar Tag JavaScript no Template HTML

Oii Eduardo,

Qual o objetivo de adicionar este script? Você quer adicionar código javascript de uma biblioteca de terceiros? Tipo jQuery?

Pois a principio toda lógica deve estar na classe do componente, que sempre terá uma view (html). No seu caso na classe do componente de home, vc pode colocar esta lógica no ngOnInit, onde toda vez que o componente for inicializado carrega o script, ou no ngOnChanges, onde toda vez que acontecer alguma mudança no componente o código é executado também. Dá uma olhada no ciclo de vida dos componentes Angular: https://angular.io/guide/lifecycle-hooks

Acredito que no curso também é visto isto (do ciclo de vida dos componentes)

Fico no aguardo da sua resposta para entender o que vc precisa fazer com este javascript que quer inserir.

abraços

insira seu código aqui

Oi Vanessa, boa tarde, obrigado pela resposta, deixa eu tentar explicar melhor.

Eu adquiri um template pronto da internet que contém o HTML, CSS e JavaScript puro para desenvolver uma SPA, o que eu preciso fazer na teoria, incluir os CSSs e JavaScripts que o template utiliza nas páginas dentro do angular.json e os HTMLs eu vou criando componentes e interligando eles, até ai tudo bem.

O problema é que o template foi feito como um site, ele utiliza o href para abrir os arquivos.html que tem, ou seja, toda vez que o site é carregado, é incluído novamente os CSSs e JavaScripts referente aquela página.

No caso do Angular isso não irá existir, eu vou incluir os CSSs e JavaScripts no angular.json conforme falei a cima e não mais, mas, alguns componentes do HTML pronto, quando são trazidos a tela não é ativo ou aplicado nenhum JavaScript, porque a página não foi renderizada, no caso, eu precisaria utilizar algum dos ciclo de vida do Angular conforme fiz no curso.

Mas como eu faço para inserir com o TypeScript no ngOnInit uma biblioteca JavaScript que com o HTML, por exemplo, ficaria:

<script src="../../../assets/js/index.js"></script>