如何将自定义属性添加到 Angular 8 中加载的 js 文件

Question

我正在练习 Angular，并尝试将现有的 Web 应用程序转换为 Angular。我在 HTML 页面中有一些代码，比如

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

我在 "scripts": ["src/assets/js/rocket-loader.min.js"] 中添加了 rocket-loader.min.js .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": [
          "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');