在Angular项目中添加自定义脚本的最佳方式(物化示例)

Question

在基于Angular 6的mean技术的项目中使用Materialize - css和js框架，需要添加模态materialize组件，需要js初始化代码：

document.addEventListener('DOMContentLoaded', function() {
    var elems = document.querySelectorAll('.modal');
    var instances = M.Modal.init(elems, options);
  });

我应该把这段代码放在哪里？在onInit组件函数中粘贴代码不起作用。模态应在其中一个角度组件中使用。

Answer 1

在Javascript中将其添加到单独的文件中。

将其放在assets文件夹中。

在您的angular.json文件中，找到资源：

        "assets": [
          "src/assets",
          "src/favicon.ico"
        ],

你应该在它下面找到一个scripts属性，将你的脚本添加到其中：

        "scripts": [
          "src/assets/my-script.js"
        ]

您的脚本不会被缩小，而是在构建应用程序时运行。