在 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