外部JavaScript文件在angular 2中不起作用

Question

我正在使用Angular 2框架构建Web应用程序，并且我想使用外部模板。 尝试将其转换为angular2 SPA。

我需要运行一些脚本（custom.js）。 所有CSS和JavaScript文件都添加在Index.html中。

除了外部js之外，其他一切都正常。 JavaScript无法正常工作。 但是CSS文件正在运行。 材质组件和模态其他JavaScript功能在角度组件文件中无作用。

Answer 1

在您的.angular-cli.json文件中，您需要在应用程序的scripts属性下添加外部js文件。

    {
        // other app config
        apps:[
            {
                // Your app config
                "scripts":[
                    "path/to/your/custom.js"
                ]
            }
         ]
    }

如果要在组件中使用脚本，则应在组件类之前对其进行声明。

declare var customLibraryName: any;

有关更多详细信息，请参见Angular Cli Wiki 。

Answer 2

感谢@JosephDragovich的快速回复。 老实说，我是Java语言和angular 2的新手。按照您的建议，我更新了如下代码：javaScript无法正常工作

angular-cli.json

  "scripts": [
        "./src/assets/Js/jquery-2.2.4.min.js",
        "./src/assets/Js/bootstrap.min.js",
        "./src/assets/Js/jquery-ui.min.js",
        "./src/assets/Js/jquery-plugin-collection.js",
        "./src/assets/Js/custom.js"
      ],

我的index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>LocumMedApp</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

</head>
<body class="has-side-panel side-panel-right fullwidth-page side-push-panel">
  <app-root></app-root>
</body>
</html>

Answer 3

也可以使用<script>标记将脚本放置在index.html中。

外部JavaScript文件在angular 2中不起作用

问题描述

3 个解决方案

解决方案1
0 2017-12-19 09:56:26

解决方案2
0 2017-12-23 08:14:25

解决方案3
0 2019-01-22 05:28:00

外部JavaScript文件在angular 2中不起作用

问题描述

3 个解决方案

解决方案1 0 2017-12-19 09:56:26

解决方案2 0 2017-12-23 08:14:25

解决方案3 0 2019-01-22 05:28:00

解决方案1
0 2017-12-19 09:56:26

解决方案2
0 2017-12-23 08:14:25

解决方案3
0 2019-01-22 05:28:00