如何在Angular 5中导入外部js文件？

Question

我需要在我的angular 5项目中使用外部js。 我的例子如下：https://codepen.io/sfdsfssdfdf/pen/opJpJM

我将angular-cli.json文件添加到此字符串

"styles": [
    ...
    "../node_modules/jquery-minicolors/jquery.minicolors.css",
    "./assets/css/main.css",
    "./assets/css/style.css" **(i added style.css to css fold)"
  ],
"scripts": [
    ...
    "../node_modules/clipboard/dist/clipboard.min.js",
    "./assets/js/app.js",
    "./assets/js/index.js" **( i added index.js to js folder)
  ],

我将html代码添加到app.component.html

但是我收到了一些错误 控制台出错：

未捕获的ReferenceError：未定义angular     在scripts.bundle.js：28099     在scripts.bundle.js：28146

在这种情况下我该怎样做才能解决问题？