如何在angular 2模板中导入外部jquery文件？[副本]
我有一个angular 2应用程序，在组件中有一个模板，如下所示
应用程序。组成部分ts
import {Component} from 'angular2/core';
@Component({
selector: 'my-app',
templateUrl: 'templates/homepage.html',
directives: []
})
export class AppComponent {
}
我需要在模板主页中包含外部jquery文件。html
我尝试在主页中包含外部脚本文件。下面的html似乎不起作用
<script src="/src/js/jquery.min.js"></script>
<script src="/src/js/jquery.scrollex.min.js"></script>
<script src="/src/js/jquery.scrolly.min.js"></script>
<script src="/src/js/skel.min.js"></script>
<script src="/src/js/util.js"></script>
<script src="/src/js/main.js"></script>
boot.ts档案是这样的
/// <reference path="../typings/browser.d.ts" />
import {bootstrap} from 'angular2/platform/browser';
import {AppComponent} from "./app.component";
bootstrap(AppComponent);
指数html
<html>
<head>
<base href="/">
<title>Angular 2 Boilerplate</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Load libraries -->
<!-- IE required polyfills, in this exact order -->
<script src="node_modules/es6-shim/es6-shim.min.js"></script>
<script src="node_modules/systemjs/dist/system-polyfills.js"></script>
<script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"></script>
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script src="node_modules/rxjs/bundles/Rx.js"></script>
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
<script src="node_modules/angular2/bundles/router.dev.js"></script>
<script src="node_modules/angular2/bundles/http.js"></script>
<!--
<link rel="stylesheet" href="src/css/app.css"> -->
</head>
<body>
<my-app>Loading...</my-app>
<script>
System.config({
packages: {
app: {
format: 'register',
defaultExtension: 'js'
}
}
});
System.import('app/boot')
.then(null, console.error.bind(console));
</script>
</body>
</html>
我试着装了一个箱子。索引中的js文件。html本身，但这不起作用。我对angular 2相当陌生。
共有1个答案
组件模板中的脚本标记刚刚被删除。
解决方法是强制添加thw脚本标记或使用require（…）
以加载它。
另请参见
-angular2：在组件中包含第三方js脚本
-https://github.com/angular/angular/issues/7720
-如何附加
-
在我开始之前，我已经做了很多关于我得到的这个特定问题的搜索，可能是我搜索得不好。 我正在尝试导入以前使用pip3安装的库，如pandas和NumPy。。。去我的PyCharm项目，我不知道怎么做。 我所发现的是，我可以再次安装它们。我不想再次安装所有库，提前感谢您的帮助。 编辑#1：是否可以将整个本地文件夹添加到外部库？
-
问题内容： 我编写了一个Java代码，该文件导入了一个外部jar文件。如何在命令行上编译和运行它？ 提前致谢！ 问题答案： 从命令行编译： 运行： 对于Windows，请用作路径分隔符（而不是）。
-
说我已经试过了。java在~/jar中/ 然后我输入: 我想将这个类导入到~/src/中的另一个源文件中: 我尝试了两种方法： 1. 编译期间可以，但当我尝试运行它时，会出现错误： 2. 我尝试在我的. bashrc和. profile中包含以下命令（我没有.bash_profile或.bash_login）： 和： 但这一次，它仍然是错误的： 我应该如何包含外部 jar 文件？ 编辑:整个项目只
-
我尝试导入commons-io-2.6。jar和commons-lang-2.6。将jar（此处可用）转换为处理草图。 我将这些JAR放在位于处理根目录下的libraries文件夹中，但处理无法识别我的导入： 如何在处理过程中导入像Apache这样的外部jar？
-
本文向大家介绍Vue如何基于es6导入外部js文件，包括了Vue如何基于es6导入外部js文件的使用技巧和注意事项，需要的朋友参考一下 也许大家都是使用习惯了es5的写法喜欢直接用《Script》标签倒入js文件，但是很是可惜，这写法。在es6，或则说vue环境下不支持 真的写法是怎样？ 首先。我们要改造我们要映入的外部js文件，改成下面这个格式。主要是红色方块内部代码，我们需要将我们的模块“抛出
-
我在一个git存储库中有两个用python编写的服务，并用docker-compose和docker部署到容器中。我想添加一些第三方OpenID Connect服务的授权。我写了一个模块来处理授权，我希望在每个服务中使用它。我的存储库如下所示： 我想避免代码重复。而且不会大量更改docker和docker-compose文件。我该怎么做呢？
-
问题内容： 更新资料 无需导入。相反，我需要添加对文件顶部的引用。所以我的WebAPI.js的第一行应该是 我正在尝试导入jQuery以在Typescript文件中使用，但是我尝试的所有操作都收到各种错误。我在这里和这里都遵循了解决方案，但是没有任何运气。 tsconfig.json WebAPI.js 我也尝试过 失误 问题答案： 不需要导入。而是在文件顶部添加对Typescript定义文件的引
-
我正在使用SpringBoot和thymeleaf从html模板生成文档。 随着模板的不断变化，我希望ti从外部加载模板，只是从外部添加或删除模板，而不是重新部署应用程序。 作为POC，使用/resources文件夹时效果良好。 这就是错误： 解析模板“凭证”时出错，该模板可能不存在，或者任何已配置的模板解析程序都无法访问该模板 这就是背景： applycation.yml 这是我的方法：其中te