在 Angular 2 中使用 jQuery
Rana Hasnain Khan
2022年4月20日
我們將介紹如何在 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。
Author: Rana Hasnain Khan
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