Angular 2 与 JQuery 一起使用
Angular 2 used with JQuery
我正在尝试将 JQuery 与 Angular 2 Cli 结合使用。
我通过使用 npm install jquery --save 并将 import $ from 'jquery/dist/jquery' 添加到 app.module.ts 安装了 JQuery。
我在 Chrome Cannot find module 'jquery/dist/jquery'.) 中收到此错误。但是我可以在 node_modules 中找到 jquery 文件夹。
我正在使用 JQuery 因为我想在我的项目中使用 this header 和阴影效果。如果不使用 Material 设计或其他 UI 组件，我找不到这种类型 header 的 angular 版本（因为我不喜欢使用它，因为它改变了一些我项目中的样式）。
还有另一种非常简单的方法可以将 jQuery 添加到您的项目中。
在您的 index.html 代码中包含 jQuery。
<script src="jquery.min.js"></script>
然后在指定组件中声明即可：
declare let $:any;
导入 jQuery 的类型，以便 TypeScript 编译器知道它们：
npm install --save @types/jquery
确保您也安装了 jQuery：
npm install --save jquery
并包含您 HTML 页面中的脚本：
<script src="node_modules/jquery/dist/jquery.js"></script>
默认情况下，您的 tsconfig 文件将在 node_modules/@types 文件夹下查找以解析类型。假设您没有更改默认值，它应该会在 compile-time.
处自动正确解析 jQuery 类型
我正在尝试将 JQuery 与 Angular 2 Cli 结合使用。
我通过使用 npm install jquery --save 并将 import $ from 'jquery/dist/jquery' 添加到 app.module.ts 安装了 JQuery。
我在 Chrome Cannot find module 'jquery/dist/jquery'.) 中收到此错误。但是我可以在 node_modules 中找到 jquery 文件夹。
我正在使用 JQuery 因为我想在我的项目中使用 this header 和阴影效果。如果不使用 Material 设计或其他 UI 组件，我找不到这种类型 header 的 angular 版本（因为我不喜欢使用它，因为它改变了一些我项目中的样式）。
还有另一种非常简单的方法可以将 jQuery 添加到您的项目中。
在您的
index.html代码中包含jQuery。<script src="jquery.min.js"></script>然后在指定组件中声明即可：
declare let $:any;
导入 jQuery 的类型，以便 TypeScript 编译器知道它们：
npm install --save @types/jquery
确保您也安装了 jQuery：
npm install --save jquery
并包含您 HTML 页面中的脚本：
<script src="node_modules/jquery/dist/jquery.js"></script>
默认情况下，您的 tsconfig 文件将在 node_modules/@types 文件夹下查找以解析类型。假设您没有更改默认值，它应该会在 compile-time.
处自动正确解析 jQuery 类型