Angular2 проблемы для загрузки внешних javascripts

Я новичок в agnular2. Я использовал тему html5 и тему, имеющую несколько файлов javascript. Теперь проблема в том, что я пытаюсь загрузить эти файлы в моем приложении angular2, но это не загружается должным образом.

То, что я сделал, это просто связать эти сценарии с моим индексом.html-файл и первый раз, когда я открываю страницу скрипты работают хорошо, но когда я маршрутизирую страницы в моем приложении, то он не загружается в приложение на каждом изменении маршрутизатора, нужно обновить страницу.

Пожалуйста помочь..!!!

2 ответа

  1. это потому, что ваш JS-файл загружается до создания компонентов. Попробуйте что-то вроде этого:
    В файле js используйте конструктор fn.
    /**/
    приложение.js

    function callSomething(){
      console.log('something has been called.');
    }
    

    /* в компонентах.ts*/

    declare var callSomething: any; //declare this at top;
    

    теперь вы можете вызвать его внутри любого метода:
    новое callSomething();

  2. Я думаю, что вам нужно инициализировать его на вашем представлении.Я сделал что-то вроде этого:

    В приложении.js (который я включил в свой индекс.формат html)

    function scrollToId(id){
      //scroll fn
    }
    

    В моем представлении/компонент
    импорт { Component, OnInit } из ‘@angular / core’;

    declare var scrollToId: any;
    @Component({})
    export class UserDetailsComponent implements OnInit {
      constructor(){}
      ngOnInit() {
        new scrollToId('registration-form');
      }
    }
    

    & it’s working fine for me.