我不知道如何在 angular2 中包含 js 文件和使用 jquery答案

【问题标题】：I don't know how to include js file and use jquery in angular2我不知道如何在 angular2 中包含 js 文件和使用 jquery
【发布时间】：2016-02-23 11:36:12
【问题描述】：

我想在angular2的index.html中使用js文件和jquery函数

所以，我输入了

<head>
  <script>document.write('<base href="' + document.location + '" />');</script>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title></title>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.33.3/es6-shim.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.20/system-polyfills.js"></script>

  <script src="https://code.angularjs.org/2.0.0-beta.6/angular2-polyfills.js"></script>
  <script src="https://code.angularjs.org/tools/system.js"></script>
  <script src="https://code.angularjs.org/tools/typescript.js"></script>
  <script src="https://code.angularjs.org/2.0.0-beta.6/Rx.js"></script>
  <script src="https://code.angularjs.org/2.0.0-beta.6/angular2.dev.js"></script>
  <script src="https://code.angularjs.org/2.0.0-beta.6/router.dev.js"></script>
  <script src="https://code.angularjs.org/2.0.0-beta.6/http.dev.js"></script>

  <script src="javascript file path"></script>
  
<script>
System.config({
    typescriptOptions: {emitDecoratorMetadata: true},
    packages: {'modules': {format: 'register', defaultExtension: 'js'}}
});

System.import('modules/app/main')
    .then(null, console.error.bind(console));
</script>
</head>
<body>
<my-app></my-app>
</body>

进入 index.html，我可以确认导入的 javascript 文件使用

chrome调试工具的“网络”。它有一个规律的流程，

在导入 .ts 和 .js 文件等 angular2 文件之前导入 javascript 文件

但它没有运行。

我不知道为什么 javascript 文件不起作用。

请帮帮我。

【问题讨论】：

您的代码不可见，您可能需要编辑您的问题以包含您想要的代码。

标签： javascript jquery angular

【解决方案1】：

您只需将 jQuery 库包含在 index.html 和底部的组件类中（export class xyz{} 类型之外

declare var jQuery: any

那么你就可以使用 jQuery('#something')....

【讨论】：

哇太好了！！谢谢你的真棒答案。但是组件类仍然显示红色警告为什么？代码工作正常。
感谢您的回答。但我想知道一种在 index.html 中包含 js 文件的方法。因为在渲染 angular2 之后，它们不包括在 index.html 中，如 jquery.js、bootstrap.min.js 等（