如何在 Angular2 Typescript 项目中全局导入 Javascript 库?

2024-02-15

我试图弄清楚如何在我的 Angular2 项目中正确导入外部库。 正如您在阅读有关此问题的其他答案时所看到的,对此存在一些困惑,甚至 Angular2 文档也没有相关信息。 此外,Google 上的任何搜索都会导致与 Angular2 的 alpha 或 beta 版本相关的旧结果。

我正在尝试导入 Foundation 和 jQuery 库。我需要第一个来使用一些 Foundation 代码,我需要第二个来使 Foundation JS 代码正常工作(它使用 jQuery),甚至在我的 Typescript 组件中使用它。

据我所知,因为即使在我的 Typescript 代码中我也必须使用 jQuery,所以我需要安装 jQuery 的“打字版本”。

所以我有两种类型可以在 Angular2 项目中导入外部库:

第一种方式:

我可以这样做这个答案 https://stackoverflow.com/a/39511973/2516399。这样我就可以在我的 Typescript 组件中使用 jQuery 代码,并且它可以工作,因为我使用以下命令导入节点库SystemJS模块加载器,因为我安装了typings对于 jQuery (typings install dt~jquery --save --global).

第二种方式:

I add <script src="node_modules/foundation-sites/dist/foundation.js"></script> in index.html文件。我没有必要参与SystemJS并且没有任何typings安装。

但在这种情况下,我需要 jQuery 来运行 Foundation。我需要使用第一种方式再次导入 jQuery 吗?我的意思是添加<script src="node_modules/jquery/dist/jquery.js"></script>到索引文件。 不管怎样,我在引导基础框架时遇到了一些问题,正如你所看到的here https://stackoverflow.com/questions/39492491/pass-timeout-to-foundation-6-loading

那么,我的进口有什么问题吗?

  • 一般来说,Angular 2.0.0项目中如何导入外部库?

  • 就我而言,如何正确导入 Foundation 以使用其构建块以及如何正确导入 jQuery 以使 Foundation 正常工作并使我能够在 Typescript 组件中编写 jQuery 代码?


None

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Angular2 Typescript 项目中全局导入 Javascript 库? 的相关文章

随机推荐

  • Linux 中 SVN 存储库目录放在哪里?

    我正在 Ubuntu Linux 上设置一个新的 SVN 服务器 放置存储库的好地方 最佳实践 在哪里 我应该创建一个新用户吗 服务器将通过 http 访问 因此无需创建用户帐户等 与 svn 的情况一样 提前谢谢了 我喜欢把东西放在下面
  • Python 访问 JSON 对象中的数据

    所以我在我的脚本中这样做 import json info json loads get info print info 哪个输出 richard richard desktop projects hello python python m
  • 将 libpq.5.dylib 复制到 /usr/lib/libpq.5.dylib

    我无法在 R 中加载包 因为该文件libpq 5 dylib不在 usr lib libpq 5 dylib 它是在 usr local Cellar libpq 13 0 lib libpq 5 dylib 我尝试了这一行 sudo ln
  • iframe 的内容文档

    对于 iframe 甚至旧的 frame 元素 contentDocument 到底代表什么 它相当于 html 元素还是 body 元素 它有什么用 所有浏览器都支持此属性吗 w3 org http www w3 org TR 2003
  • 开头括号中的正则表达式

    我有一个正则表达式试图按专业划分问题 假设我有以下正则表达式 P
  • AngularJS:用户身份验证后重新加载 ng-include (或解决问题的更好方法)

    我真的只是在学习 Angular 我正在尝试创建一个基于身份验证限制内容访问的应用程序 我的身份验证部分正在工作 也使用 Laravel PHP 框架 但我在根据身份验证状态 重新加载 某些内容时遇到问题 即在身份验证成功后 最初 我想做的
  • html 中表单布局的最佳实践——表格还是流程?

    在 html 中布局表单的最佳实践是什么 特别是当您有一组带有标签的字段和可能的错误指示器时 我能做的最好的事情就是使用表格 但这在面向 CSS 的布局设计中效果不佳 例如 table tr td Name td td td tr tabl
  • Docker:“未找到 npm”

    我正在尝试容器化 ASP NET Core 和 Angular 应用程序 但遇到了一些麻烦 我收到这些错误 gt internal load build definition from Dockerfile 0 4s gt gt trans
  • AlertDialog 中的 Flutter NumberPicker 无法正常工作

    当我使用 NumberPicker 选择新值时 它总是跳回之前的值 而不是当前选择的值 我在 AlertDialog 中使用 NumberPicker 并使用 pickValue 函数调用 NumberPicker void pickVal
  • 上传并播放音频文件JS

    我有一个 HTML 音频标签和一个 HTML 文件输入标签 如下所示 我希望用户使用 上传文件 按钮从计算机中选择一首歌曲 然后使用音频标签播放它
  • 安装错误:ftheader.h:没有这样的文件或目录

    当我尝试构建 matplotlib 1 3 1 时 出现以下 freetype 标头错误 可能是找不到 ftheader h 关于如何解决这个问题有什么想法吗 注意 我刚刚按照中提到的说明安装了 Freetype 2 5 0 1自由类型安装
  • 崩溃 CGDataProviderCreateWithCopyOfData:vm_copy 失败:状态 1

    我遇到崩溃并出现以下错误 CGDataProviderCreateWithCopyOfData vm copy 失败 状态 1 我有多个问题 您可以提供帮助 vm copy failed 中状态 1 代表什么 仅当我在数据复制的内部 for
  • 从 PHP 子类访问受保护的方法

    我可以使用至少两种基本方法来访问受保护的子类的类方法 parent myMethod this gt myMethod 如果我不需要在子类中重写它 在这种情况下我必须这样做 function myMethod parent myMethod
  • jQuery 中的remove() 和detach() 之间的区别[关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • ImageView 不保持最大高度和宽度

    我将图像加载到ImageView using setImageURI selectedImageUri 从用户的照片库中检索 我有图像视图限制大小 android maxHeight 150dp android minHeight 150d
  • 卸载 NuGet 包时出现问题

    我正在尝试卸载 NuGet 安装的一些软件包 根据文档描述here http docs nuget org docs start here managing nuget packages using the dialog 我应该看到一个卸载
  • Tesseract OCR Android tessdata 目录未找到

    我目前正在使用 OCR 开发 Android 应用程序 并且已经达到了调用 BaseAPI init 方法的程度 我不断收到错误消息 指出该目录必须包含 tessdata 作为子文件夹 我已检查文件目录是否包含其中包含训练数据文件的文件夹
  • Node.js 上的文本到音频文件

    我正在寻找一种优化的合法方法来从 NodeJS 上的文本创建音频文件 现在我看到了 5 个变体 1 向谷歌翻译文本到语音 API 的简单 hhtp 请求 这种变体不好 因为每个请求都需要生成令牌 例如 传统知识 729008 879154
  • Crystal 从文件中读取 x 字节

    我有这个代码 a File open dev urandom b a read 1024 a close puts b 我原本希望从 dev urandom device file 获取前 1024 个字节 但我得到了一个错误 指出 rea
  • 如何在 Angular2 Typescript 项目中全局导入 Javascript 库?

    我试图弄清楚如何在我的 Angular2 项目中正确导入外部库 正如您在阅读有关此问题的其他答案时所看到的 对此存在一些困惑 甚至 Angular2 文档也没有相关信息 此外 Google 上的任何搜索都会导致与 Angular2 的 al