कोणीय 2

Question

ट्यूटोरियल मैं पीछा कर रहा था के साथ jQuery का उपयोग करना, इस्तेमाल किया typings फ़ोल्डर के अंदर jQuery

/// <reference path="../typings/tsd.d.ts" />

इस्तेमाल किया app.component अंदर लेकिन काम नहीं किया।

की कोशिश की आयात CDN के माध्यम से पक्ष index.html में पुस्तकालय, तो का उपयोग घोषित वर $: किसी भी;

अब मैं कोणीय कोणीय के माध्यम से स्थापित: अभी भी

स्थापित jQuery निम्नलिखित

paths: { 
    // paths serve as alias 
    'npm:': 'node_modules/', 
    'jquery:': 'node_modules/jquery/dist/jquery.slim.min.js' 
}, 

अभी भी कोई सुराग नहीं

अद्यतन की तरह system.config.ts अंदर पथ के लिए NPM के माध्यम से काम नहीं कर रहा है और यह -cli। मुझे 404 त्रुटि नहीं है, लेकिन ऐप अभी भी काम नहीं कर रहा है। यह सांत्वना

https://plnkr.co/edit/8HW67qLUF3t8zmTigXH6?p=preview 

Answer 1

Jquery में KeyUp उत्पादन माना जाता है भयानक है जब आप बस एक साधारण डोम हेरफेर करना चाहता हूँ, मुझे लगता है इसकी कोणीय, सरल एक पंक्ति में पहुँचने के होगा डोम के लिए प्रमुख कमियां में से एक महान। ये रहा। अपनी index.html फ़ाइल में Jquery लोड करें। इसके अलावा आपको jquery फ़ंक्शंस को टाइपस्क्रिप्ट फ़ंक्शंस के अंदर काम करने के लिए परिभाषा फ़ाइल को शामिल करने की आवश्यकता है।

<script type="text/javascript" src="/assets/jquery-3.1.1.min.js" async></script> 

Answer 2

आप आप सिर्फ एक ट्यूटोरियल उपयोग कर रहे थे, इसलिए, SystemJS से जुड़ी नहीं ही विन्यास का उल्लेख किया।

आप Angular CLI बजाय उपयोग कर रहे हैं (मेरी निजी सिफारिश), आप इसे इस रूप में कर सकते हैं:

स्थापित jQuery, वास्तविक पुस्तकालय

 
npm install jquery --save 

स्थापित jQuery टाइपप्रति स्वत: पूर्ण

 
npm install @types/jquery --save-dev 

फिर अपने कोणीय CLI प्रोजेक्ट फ़ोल्डर की जड़ में ./angular-cli.json फाइल करने के लिए जाते हैं, औरलगता हैसंपत्ति, इसके अंदर इस जोड़ें:

 
"../node_modules/jquery/dist/jquery.min.js" 

(या कि अगर चाय के अपने कप है slim संस्करण का उपयोग, पथ के बाकी रखने के रूप में है)

उसके बाद, jQuery के लिए उपलब्ध हो जाएगा आप एक वैश्विक चर के रूप में। आप jQuery.fn.jquery प्रवेश कर सकते हैं सुनिश्चित करने के लिए यह शानदार ढंग से काम कर रहा है (जो jQuery के संस्करण लाता है)।

पीएस

आप सीधे Webpack का उपयोग करें, या घूंट चाहते हैं, तो हम आपके कॉन्फ़िग फ़ाइल का एक नमूना है, या जो परियोजना बीज आप परियोजना (Webpack और Gulp परियोजनाओं के लिए लागू हो) बनाने के लिए इस्तेमाल किया था देखने के लिए की जरूरत है।