Добавить внешний файл Javascript зависит от имени компонента в Angular2

Question

В настоящее время я создаю приложение, использующее Angular2 и Typcript.

У меня есть разные компоненты для различных разделов в приложении (Главная страница, Страница профиля, ...) и JS-файл для каждого раздела (home.js, profile.js).

Мне интересно, можно ли включить этот файл в зависимости от загрузки компонента.

Другое, что я пробовал, - это добавить файл javascript в представление компонента, но выглядит так, как Angular отключает его.

Любой совет или лучший способ сделать это будет действительно оценен.

Спасибо

Answer 1

Наконец-то я решил его решить сам.

Что я сделал, это реализовать интерфейс AfterViewInit на моих компонентах и ​​загрузить скрипт с использованием метода jQuery.getScript.

import {Component, AfterViewInit} from "@angular/core"; 
@Component({ 
    moduleId: module.id, 
    selector: 'home', 
    templateUrl: '../views/home.html', 
    styleUrls: ['../../public/css/home.css'] 
}) 

export class HomeComponent implements AfterViewInit { 
    ngAfterViewInit(): void { 
     jQuery.getScript('public/js/home.js'); 
    } 
} 

Я надеюсь, что это поможет кому-то с той же проблемой.