Как добавить атрибуты custum в файл js, загруженный в Angular 8

Question

Я практикую Angular и пытался преобразовать существующее веб-приложение в Angular. У меня есть код, который на HTML-странице, например

<script src="js/rocket-loader.min.js" data-cf-settings="e61ee320c7ea21acda18972e-|49" defer=""></script>

Я добавил rocket-loader.min.js в "scripts": ["src / assets / js/rocket-loader.min.js"] в angular.json и загружается, но страница фактически разрывается, поскольку атрибуты data-cf-settings="e61ee320c7ea21acda18972e-|49" defer="" недоступны. Я не могу найти решение моей проблемы.

Я пытался добавить сценарий, но он не создается.

          {
            "input": "src/assets/js/rocket-loader.min.js",
            "data-cf-settings": "e61ee320c7ea21acda18972e-|49",
            "defer":""
          }

Answer 1

в файле angular.json, scripts - Массив элементов

"scripts": [
          "src/assets/.../.../....min.js",
          "src/assets/vendor/.../..-stylist.min.js",
          "node_modules/ace-builds/src-min/ace.js",
          "node_modules/ace-builds/src-min/..-....js",
          "node_modules/ace-builds/..-../....js"
        ]

ИЛИ

  ngAfterViewInit() {
    const s = document.createElement('script');
    s.type = 'text/javascript';
    s.setAttribute('data-attr', 'some value');
    s.src = 'http://somedomain.com/somescript';
    const body = document.getElementsByTagName('body')[0];
    body.appendChild(s);
}

, если вы хотите добавить несколько атрибутов

.setAttribute('data', "icon: '.gif', url: '.html', target: 'page', output: '1'");

илиВы можете повторить эту строку кода

 s.setAttribute('name', 'value');