在 Angular 2 中使用 jQuery

Rana Hasnain Khan 2022年4月20日
在 Angular 2 中使用 jQuery

我们将介绍如何在 Angular 2 中使用 jQuery。

Angular 中的 jQuery

jQuery 是一个轻量级的 JavaScript 库,可以更轻松地在网站上使用 JavaScript。如果我们必须使用一些使用 jQuery 作为要求的库,我们可以轻松地在 Angular 2 应用程序中安装 jQuery 并使用它。但是在没有任何依赖的情况下使用它并不是一个好主意。当我们使用 jQuery 或将其集成到 Angular 2 应用程序中时,jQuery 不会出现任何重大问题。但是,如果我们在没有任何依赖的情况下使用它,它不会为我们提供任何开箱即用的东西。

使用 CLI 命令在 Angular 2 应用程序中安装 jQuery 非常容易。

# angular
npm install --save jquery

安装 jQuery 后,我们需要将它导入到我们想要使用它的 App 文件中。

# angular
import $ from 'jquery';

$('#mydiv').width();

通过这两个简单的步骤,我们可以轻松地在 Angular 应用程序中安装和使用 jQuery。

Rana Hasnain Khan avatar Rana Hasnain Khan avatar

Rana is a computer science graduate passionate about helping people to build and diagnose scalable web application problems and problems developers face across the full-stack.

LinkedIn