在Angular项目中添加自定义脚本的最佳方法（Materialize示例）

Question

我在具有基于Angular 6的均值技术的项目中使用Materialize-css和js框架。我需要添加模态实现组件，这需要js初始化代码：

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

我应该在哪里包含此代码？ onInit组件函数中的粘贴代码不起作用。模态应在Angular组件之一中使用。

Answer 1

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

将其放在您的assets文件夹中。

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

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

您应该在其下找到一个scripts属性，向其中添加脚本：

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

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