75 AngularJS साक्षात्कार प्रश्न और उत्तर (2025)

यहां नए और अनुभवी उम्मीदवारों के लिए अपने सपनों की नौकरी पाने के लिए AngularJS साक्षात्कार प्रश्न और उत्तर दिए गए हैं।

 

फ्रेशर्स के लिए AngularJS साक्षात्कार प्रश्न और उत्तर

1) एंगुलरजेएस क्या है?

AngularJS एक है Javaएकल वेब पेज एप्लिकेशन बनाने के लिए उपयोग किया जाने वाला स्क्रिप्ट फ्रेमवर्क। यह आपको HTML को अपनी टेम्पलेट भाषा के रूप में उपयोग करने की अनुमति देता है और आपको अपने एप्लिकेशन के घटकों को स्पष्ट रूप से व्यक्त करने के लिए HTML के सिंटैक्स का विस्तार करने में सक्षम बनाता है।

👉 निःशुल्क पीडीएफ डाउनलोड करें: AngularJS साक्षात्कार प्रश्न और उत्तर >>


2) एंगुलरजेएस की प्रमुख विशेषताएं क्या हैं?

एंगुलरजेएस की प्रमुख विशेषताएं हैं:

  • विस्तार
  • नियंत्रक
  • आदर्श
  • देखें
  • सेवाएँ
  • अनिवार्य तथ्य
  • निर्देशों
  • फ़िल्टर
  • परीक्षण योग्य

3) AngularJS में फ़ंक्शन स्कोप की व्याख्या करें

विस्तार एप्लीकेशन मॉडल को संदर्भित करता है। यह एप्लीकेशन कंट्रोलर और व्यू के बीच एक ग्लू की तरह काम करता है। स्कोप एक पदानुक्रमित संरचना में व्यवस्थित होते हैं और एप्लीकेशन के DOM (डॉक्यूमेंट ऑब्जेक्ट मॉडल) संरचना का प्रतिरूपण करते हैं। यह अभिव्यक्तियों को देख सकता है और घटनाओं को प्रसारित कर सकता है।


4) AngularJS में सेवाओं की व्याख्या करें

AngularJS सेवाएँ सिंगलटन ऑब्जेक्ट या फ़ंक्शन हैं जिनका उपयोग विशिष्ट कार्यों को पूरा करने के लिए किया जाता है। इसमें कुछ व्यावसायिक तर्क होते हैं।


5) एंगुलर एक्सप्रेशन क्या है? एंगुलर एक्सप्रेशन और एंगुलर एक्सप्रेशन के बीच मुख्य अंतर बताएं Javaस्क्रिप्ट अभिव्यक्तियाँ

पसंद Javaस्क्रिप्ट, एंगुलर एक्सप्रेशन कोड स्निपेट होते हैं जिन्हें आमतौर पर बाइंडिंग में रखा जाता है जैसे कि {{एक्सप्रेशन}}

के बीच मुख्य अंतर Javaस्क्रिप्ट अभिव्यक्तियाँ और कोणीय अभिव्यक्तियाँ हैं:

  • पृष्ठभूमि: Angular में, अभिव्यक्तियों का मूल्यांकन एक स्कोप ऑब्जेक्ट के विरुद्ध किया जाता है, जबकि Javaस्क्रिप्ट अभिव्यक्तियों का मूल्यांकन वैश्विक विंडो के विरुद्ध किया जाता है
  • क्षमाशील: एंगुलर अभिव्यक्ति में, मूल्यांकन शून्य और अपरिभाषित के लिए क्षमाशील है, जबकि Javaस्क्रिप्ट अपरिभाषित गुण TypeError या ReferenceError उत्पन्न करते हैं
  • कोई नियंत्रण प्रवाह विवरण नहीं: कोणीय अभिव्यक्ति में लूप, सशर्त या अपवाद का उपयोग नहीं किया जा सकता
  • फिल्टर: आप डेटा को प्रदर्शित करने से पहले उसे प्रारूपित करने के लिए फ़िल्टर का उपयोग कर सकते हैं.

6) आप पृष्ठ लोड होने पर विकल्पों के साथ चयन बॉक्स को कैसे आरंभ कर सकते हैं?

आप ng-init निर्देश का उपयोग करके पृष्ठ लोड होने पर विकल्पों के साथ चयन बॉक्स को आरंभीकृत कर सकते हैं।

  • <div ng-controller = ” apps/dashboard/account ” ng-switch
  • पर = “! ! खाते" ng-init = "loadData()">

7) निर्देश क्या हैं? AngularJS एप्लीकेशन में सबसे ज़्यादा इस्तेमाल किए जाने वाले कुछ निर्देशों के नाम बताइए

निर्देश कुछ ऐसा है जो नए सिंटैक्स का परिचय देता है। वे DOM तत्व पर मार्कर की तरह होते हैं, जो इसे एक विशेष व्यवहार देते हैं। किसी भी AngularJS एप्लिकेशन में, निर्देश सबसे महत्वपूर्ण घटक होते हैं।

आमतौर पर प्रयुक्त कुछ निर्देश इस प्रकार हैं:

1) एनजी-मॉडल

2) एनजी-ऐप

3) एनजी-बाइंड

4) एनजी-रिपीट

5) एनजी-शो


8) एंगुलर जेएस रूट कैसे काम करते हैं?

AngularJS रूट आपको अपने एप्लिकेशन में अलग-अलग कंटेंट के लिए अलग-अलग URL बनाने में सक्षम बनाता है। अलग-अलग कंटेंट के लिए अलग-अलग URL उपयोगकर्ता को विशिष्ट कंटेंट के लिए URL बुकमार्क करने में सक्षम बनाते हैं। AngularJS में ऐसे प्रत्येक बुकमार्क करने योग्य URL को रूट कहा जाता है

Angular JS में मान एक सरल ऑब्जेक्ट है। यह कोई संख्या, स्ट्रिंग या कोई भी हो सकता है Javaस्क्रिप्ट ऑब्जेक्ट। मानों का उपयोग आमतौर पर फ़ैक्टरियों, सेवाओं या नियंत्रकों में इंजेक्ट किए गए कॉन्फ़िगरेशन के रूप में किया जाता है। मान AngularJS मॉड्यूल से संबंधित होना चाहिए।

AngularJS कंट्रोलर फ़ंक्शन में मान डालने के लिए, मान के समान नाम वाला पैरामीटर जोड़ा जाता है


9) AngularJS में डेटा बाइंडिंग क्या है?

मॉडल और व्यू घटकों के बीच डेटा के स्वचालित सिंक्रनाइज़ेशन को AngularJS में डेटा बाइंडिंग कहा जाता है। डेटा बाइंडिंग के दो तरीके हैं

  1. शास्त्रीय टेम्पलेट प्रणालियों में डेटा खनन
  2. कोणीय टेम्पलेट्स में डेटा बाइंडिंग

10) एंगुलरजेएस के क्या लाभ हैं?

AngularJS के लाभ हैं:

  • कॉलबैक पंजीकृत करना: कॉलबैक रजिस्टर करने की कोई ज़रूरत नहीं है। इससे आपका कोड सरल और डीबग करने में आसान हो जाता है।
  • HTML DOM को प्रोग्रामेटिक रूप से नियंत्रित करें: एंगुलर का उपयोग करके बनाए गए अनुप्रयोगों को DOM में हेरफेर करने की आवश्यकता नहीं होती है।
  • यूआई से डेटा स्थानांतरित करें: AngularJS लगभग सभी बॉयलरप्लेट को खत्म करने में मदद करता है। यह फॉर्म को मान्य कर सकता है, त्रुटियों को प्रदर्शित कर सकता है, आंतरिक मॉडल पर वापस लौट सकता है, और इसी तरह।
  • कोई आरंभीकरण कोड नहीं: AngularJS के साथ, आप अपने ऐप को आसानी से बूटस्ट्रैप कर सकते हैं। आप Guice में अपने एप्लिकेशन में ऑटो इंजेक्टेड सेवाओं का उपयोग कर सकते हैं।

11) Angular.JS में स्ट्रिंग इंटरपोलेशन क्या है?

Angular.js में, संकलन प्रक्रिया के दौरान कंपाइलर टेक्स्ट और विशेषताओं का मिलान करता है। यह यह देखने के लिए इंटरपोलेट सेवा का उपयोग करता है कि उनमें एम्बेडेड एक्सप्रेशन हैं या नहीं। सामान्य डाइजेस्ट चक्र के भाग के रूप में, इन एक्सप्रेशन को अपडेट किया जाता है और वॉच के रूप में पंजीकृत किया जाता है।


12) HTML की संकलन प्रक्रिया के चरण क्या हैं?

HTML प्रक्रिया का संकलन निम्नलिखित तरीकों से होता है

  • मानक ब्राउज़र API का उपयोग करते हुए, सबसे पहले HTML को DOM में पार्स किया जाता है
  • कॉल का उपयोग करके $compile () विधि, DOM का संकलन किया जाता है। विधि DOM को पार करती है और निर्देशों से मेल खाती है।
  • पिछले चरण से लौटाए गए लिंकिंग फ़ंक्शन को कॉल करके टेम्पलेट को स्कोप से लिंक करें

13) निर्देशों और उनके प्रकारों की व्याख्या करें

संकलन प्रक्रिया के दौरान, जब विशिष्ट HTML फ़ंक्शन ट्रिगर होता है, तो इसे निर्देश कहा जाता है। जब कंपाइलर DOM में इसका सामना करता है, तो इसे निष्पादित किया जाता है।

निर्देश के विभिन्न प्रकार हैं:

1) तत्व निर्देश

2) विशेषता निर्देश

3) सीएसएस वर्ग निर्देश

4) टिप्पणी निर्देश.


14) लिंकिंग फ़ंक्शन और उसके प्रकारों की व्याख्या करें

लिंक निर्देशों को एक दायरे के साथ जोड़ता है और एक लाइव दृश्य बनाता है। DOM श्रोताओं को पंजीकृत करने के साथ-साथ DOM को अपडेट करने के लिए, लिंक फ़ंक्शन जिम्मेदार है। टेम्पलेट क्लोन होने के बाद, इसे निष्पादित किया जाता है।

  • प्री-लिंकिंग फ़ंक्शन: प्री-लिंकिंग फ़ंक्शन चाइल्ड एलिमेंट्स को लिंक करने से पहले निष्पादित किया जाता है। इसे DOM रूपांतरण के लिए सुरक्षित तरीका नहीं माना जाता है।
  • पोस्ट लिंकिंग फ़ंक्शन: पोस्ट लिंकिंग फ़ंक्शन चाइल्ड एलिमेंट्स के लिंक होने के बाद निष्पादित होता है। पोस्ट-लिंकिंग फ़ंक्शन द्वारा DOM रूपांतरण करना सुरक्षित है

15) AngularJS में इंजेक्टर की व्याख्या करें

इंजेक्टर एक सर्विस लोकेटर है। इसका उपयोग प्रदाता द्वारा परिभाषित ऑब्जेक्ट इंस्टेंस को पुनः प्राप्त करने, प्रकारों को इंस्टेंटिएट करने, विधियों को लागू करने और मॉड्यूल लोड करने के लिए किया जाता है। प्रत्येक Angular एप्लिकेशन में एक ही इंजेक्टर होता है, यह किसी ऑब्जेक्ट इंस्टेंस को उसके नाम से देखने में मदद करता है।


16) Angular.js में लिंक और संकलन के बीच मुख्य अंतर क्या है?

  • संकलन फ़ंक्शन: इसका उपयोग टेम्पलेट DOM मैनीपुलेशन के लिए किया जाता है और यह सभी निर्देशों को एकत्रित करता है।
  • लिंक फ़ंक्शन: इसका उपयोग DOM श्रोताओं को पंजीकृत करने के साथ-साथ उदाहरण के लिए, DOM हेरफेर के लिए किया जाता है। टेम्पलेट क्लोन हो जाने के बाद इसे निष्पादित किया जाता है।

17) AngularJS में फैक्ट्री फ़ंक्शन क्या है?

डायरेक्टिव बनाने के लिए, फैक्ट्री विधि का उपयोग किया जाता है। यह केवल एक बार ही लागू होता है जब कंपाइलर पहली बार डायरेक्टिव से मेल खाता है। $injector.invoke का उपयोग करके फैक्ट्री विधि लागू की जाती है।


18) स्टाइलिंग फॉर्म की व्याख्या करें जिसे ngModel CSS क्लासों में जोड़ता है

NgModel फॉर्म की स्टाइलिंग की अनुमति देने के लिए इन CSS क्लासों को जोड़ता है। AngularJS के सत्यापन वर्ग हैं:

  1. एनजी- वैध
  2. एनजी- अमान्य
  3. एनजी-प्रिस्टाइन
  4. एनजी-गंदा

19) “स्कोप” की विशेषताएँ क्या हैं?

  • मॉडल उत्परिवर्तनों का निरीक्षण करने के लिए स्कोप API प्रदान करते हैं ($watch)
  • सिस्टम के माध्यम से किसी भी मॉडल परिवर्तन को Angular दायरे के बाहर से दृश्य में प्रसारित करना
  • एक स्कोप अपने पैरेंट स्कोप से गुण प्राप्त करता है, जबकि साझा मॉडल गुणों तक पहुंच प्रदान करते हुए, स्कोप को एप्लिकेशन घटकों को अलग करने के लिए नेस्ट किया जा सकता है
  • स्कोप संदर्भ प्रदान करता है जिसके आधार पर अभिव्यक्तियों का मूल्यांकन किया जाता है

20) DI (डिपेंडेंसी इंजेक्शन) क्या है और कोई ऑब्जेक्ट या फ़ंक्शन अपनी निर्भरताओं पर कैसे नियंत्रण प्राप्त कर सकता है?

DI या निर्भरता इंजेक्शन एक सॉफ्टवेयर डिज़ाइन पैटर्न है जो इस बात से संबंधित है कि कोड अपनी निर्भरताओं को कैसे पकड़ता है। एप्लिकेशन के तत्वों को पुनः प्राप्त करने के लिए जिन्हें मॉड्यूल लोड होने पर कॉन्फ़िगर करने की आवश्यकता होती है, ऑपरेशन "कॉन्फ़िगरेशन" निर्भरता इंजेक्शन का उपयोग करता है।

ये वे तरीके हैं जिनका उपयोग ऑब्जेक्ट अपनी निर्भरताओं को बनाए रखने के लिए करता है

  • आमतौर पर नए ऑपरेटर का उपयोग करके निर्भरता बनाई जा सकती है
  • वैश्विक चर का संदर्भ देकर निर्भरता को देखा जा सकता है
  • निर्भरता को वहां पारित किया जा सकता है जहां इसकी आवश्यकता हो

अनुभवी पेशेवरों के लिए AngularJS साक्षात्कार प्रश्न और उत्तर

21) कार्यक्षेत्र पदानुक्रम की अवधारणा को समझाइए

प्रत्येक एंगुलर एप्लिकेशन में एक रूट स्कोप होता है, लेकिन इसमें कई चाइल्ड स्कोप हो सकते हैं। चूंकि चाइल्ड कंट्रोलर और कुछ डायरेक्टिव नए चाइल्ड स्कोप बनाते हैं, इसलिए एक एप्लिकेशन में कई स्कोप हो सकते हैं। जब नए स्कोप बनाए जाते हैं या बनाए जाते हैं, तो उन्हें उनके पैरेंट स्कोप के चाइल्ड के रूप में जोड़ा जाता है। वे DOM के समान एक पदानुक्रमित संरचना भी बनाते हैं।


22) AngularJS और backbone.js के बीच मुख्य अंतर बताएं

AngularJS बैकबोन.जेएस
AngularJS एक Javaस्क्रिप्ट-आधारित ओपन-सोर्स फ्रेमवर्क जो गतिशील वेब अनुप्रयोगों का समर्थन करने के लिए डिज़ाइन किया गया है। backbone.js एक फ्रेमवर्क है जो DOM को दृश्यों में और डेटा को मॉडल्स में सारगर्भित करता है और फिर इवेंट्स का उपयोग करके दोनों को जोड़ता है।
इसका प्रदर्शन अच्छा है क्योंकि यह दो-तरफ़ा डेटा बाइंडिंग प्रक्रिया प्रदान करता है यदि डेटा सेट छोटा है तो Backbone.js तकनीक AngularJS की तुलना में तेज़ प्रदर्शन प्रदान करती है
यह MVS (मल्टीपल वर्चुअल स्टोरेज) पर काम करता है। यह एमवीपी आर्किटेक्चर पर काम करता है।
AngularJS एप्लिकेशन को समझने में आसान बनाने के लिए डायनामिक HTML विशेषता का उपयोग करता है। Backbone.js अनुप्रयोग को समझने के लिए अंडरस्कोर टेम्पलेट्स का उपयोग करता है।
इसे बड़े पैमाने पर सामुदायिक समर्थन प्राप्त है। सामुदायिक समर्थन अंडरस्कोर टेम्पलेट तक ही सीमित है।

23) एंगुलर जेएस किसने बनाया?

AngularJS को एडम अब्रोन्स और मिस्को हेवरी ने विकसित किया था। वर्तमान में, इसे गूगल द्वारा विकसित किया जा रहा है।


24) आप AngularJS को HTML के साथ कैसे एकीकृत कर सकते हैं?

डेवलपर्स AngularJS को HTML के साथ एकीकृत करने के लिए निम्नलिखित चरणों का पालन कर सकते हैं:

चरण १: AngularJS सहित JavaHTML पृष्ठ में स्क्रिप्ट.

<head>
   <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>

चरण १: AngularJS अनुप्रयोग को इंगित करें।

आपको HTML बॉडी टैग के अंदर ng-app विशेषता जोड़नी होगी ताकि यह पता चल सके कि AngularJS ऐप में HTML का कौन सा भाग है, जैसा कि निम्नलिखित उदाहरण में दिखाया गया है:

<body ng-app = "testapp">
</body>

25) AngularJS में ऑर्डरबाय फ़िल्टर क्या है?

AngularJS में Orderby फ़िल्टर निर्दिष्ट मानदंडों के आधार पर सरणी को क्रमबद्ध करता है। निम्न उदाहरण बताता है कि आप मूल्य के आधार पर उत्पाद को कैसे ऑर्डर कर सकते हैं।

<ul>
<li ng-repeat = "company in product.products | orderBy:'price">
      {{ company.product + ', price:' + product.price }}
   </li>
</ul>

26) AngularJS में ng-non-bindable क्या है?

Ng-non-bindable, AngularJs को HTML तत्व और उसके चाइल्ड नोड्स को संकलित न करने के लिए निर्दिष्ट करता है। उदाहरण के लिए:

<title ng-non-bindable > </title>


27) AngularJS में डबल क्लिक इवेंट के उपयोग की व्याख्या करें

AgularJS का डबल क्लिक इवेंट आपको वेब पेज पर माउस के डबल क्लिक इवेंट पर कस्टम व्यवहार निर्दिष्ट करने देता है जैसे:

<ELEMENT ng-dblclick="{expression}"> 
... 
</ELEMENT>

28) उदाहरण के साथ AngularJS में ng-click निर्देशों की व्याख्या करें

एनजी-क्लिक निर्देशों का उपयोग उस स्थिति में किया जा सकता है जब आपको बटन पर क्लिक करना हो या कोई ऑपरेशन करना हो।

उदाहरण:

<button ng-click="count = count ++">Click</button>

29) AngularJS में ng-include का उपयोग क्यों करें?

AngularJS में Ng-include आपको HTML पेज को एक ही HTML पेज में एम्बेड करने में मदद करता है। उदाहरण:

<div ng-app = "" ng-controller = "interviewController">
   <div ng-include = "'first.htm'"></div>
   <div ng-include = "'phases.htm'"></div>
</div>

30) आप Angular JS का उपयोग करके AJAX कॉल कैसे कर सकते हैं?

AngularJS $https: नियंत्रण प्रदान करता है जो आपको सर्वर डेटा पढ़ने के लिए ajax कॉल करने में मदद करता है। आवश्यक रिकॉर्ड प्राप्त करने के लिए सर्वर डेटाबेस कॉल करता है। JSON प्रारूप में आपका डेटा तैयार होने के बाद, आप निम्न तरीके से सर्वर से डेटा प्राप्त करने के लिए $https: का उपयोग कर सकते हैं:

function employeeController($scope,$https:) {
   var url = "tasks.txt";
   $https.get(url).success( function(response) {
      $scope.employee = response; 
   });
}

31) $routeProvider के उपयोग की व्याख्या करें

Angular JS में $routeProvider URL कॉन्फ़िगरेशन सेट करता है। यह संबंधित ng-template या HTML पेज के साथ मैप करता है और उसी के साथ एक कंट्रोलर संलग्न करता है।


32) आप AngularJS में कुकीज़ कैसे सेट, प्राप्त और साफ़ कर सकते हैं?

आप उपयोग कर सकते हैं:

  • कुकीज़ सेट करने के लिए $cookies.put() विधि।
  • कुकीज़ प्राप्त करने के लिए $cookies.get() विधि।
  • AngularJS में कुकीज़ हटाने के लिए $cookies.remove.

33) सेवा पद्धति क्या है?

AngularJS में सर्विस मेथड आपको सर्विस और मेथड को परिभाषित करने में मदद करता है। निम्नलिखित उदाहरण में, हमने एक सरल एडिशन सर्विस को इंजेक्ट किया है, जो दो संख्याओं को जोड़ता है।

<! DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Event Registration</title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<h3> Guru99 Global Event</h3>
<div ng-app = "mainApp" ng-controller = "DemoController">
    <p>Result: {{result}}</p>
</div>
<script>
    var mainApp = angular.module("mainApp", []);
    mainApp.service('AdditionService', function(){
        this.ADDITION = function(a,b) {
            return a+b;
        }
    });

    mainApp.controller('DemoController', function($scope, AdditionService) {

            $scope.result = AdditionService.ADDITION(5,6);
    });
</script>
</body>
</html>

34) उन AngularJS घटकों के नाम बताएं जिन्हें निर्भरता के रूप में इंजेक्ट किया जा सकता है

AngularJS घटक जिन्हें निर्भरता के रूप में इंजेक्ट किया जा सकता है वे हैं: 1) मूल्य, 2) फैक्ट्री, 3) सेवा, 4) प्रदाता, 5) स्थिरांक।


35) सामान्य एंगुलर ग्लोबल एपीआई फ़ंक्शन क्या हैं?

कुछ सामान्यतः प्रयुक्त Angular Global API फ़ंक्शन इस प्रकार हैं:

  • कोणीय.isString: यह तभी सत्य लौटाएगा जब दिया गया संदर्भ स्ट्रिंग प्रकार का होगा।
  • कोणीय.लोअरकेस: यह किसी भी स्ट्रिंग को लोअरकेस में परिवर्तित करता है
  • कोणीय.अपरकेस: यह किसी भी स्ट्रिंग को अपरकेस में परिवर्तित करता है।
  • एंगुलर.इज़नंबर: यह केवल तभी सत्य लौटाता है जब संदर्भ एक संख्यात्मक मान या संख्या हो।

36) एंगुलर में एक बटन क्लिक से HTML टैग छिपाने के लिए एक प्रोग्राम लिखें

<!DOCTYPE html>
<html>
<head>
    <meta chrset="UTF 8">
    <title>Event Registration</title>
</head>
<body>
<script src="https://code.angularjs.org/1.6.9/angular.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<h1> Guru99 Global Event</h1>
<div ng-app="DemoApp" ng-controller="DemoController">
    <input type="button" value="Hide Angular" ng-click="ShowHide()"/>
    <br><br><div ng-hide="IsVisible">Angular</div>
</div>
<script type="text/javascript">
    var app = angular.module('DemoApp',[]);
    app.controller('DemoController',function($scope){
        $scope.IsVisible = false;
        $scope.ShowHide = function(){
            $scope.IsVisible = $scope.IsVisible = true;
        }
        });
</script>
</body>
</html>

37) BOM (ब्राउज़र ऑब्जेक्ट मॉडल) क्या है?

बीओएम या ब्राउज़र ऑब्जेक्ट मॉडल में इतिहास, ऑब्जेक्ट नेविगेटर, स्क्रीन स्थान आदि शामिल होते हैं। यह कंसोल, स्थानीय स्टोरेज और विंडो जैसे वैश्विक ब्राउज़र ऑब्जेक्ट्स को निर्दिष्ट करता है।


38) AngularJS में “$rootScope” की व्याख्या करें

“$rootScope” एक स्कोप है जो DOM (डॉक्यूमेंट ऑब्जेक्ट मॉडल) तत्व पर बनाया जाता है।

एक एप्लीकेशन में केवल एक $rootScope हो सकता है जो अन्य घटकों के साथ साझा करता है। इसमें ng-app निर्देश है। अन्य स्कोप को इसके चाइल्ड स्कोप के रूप में बुलाया जाता है। यह एक्सप्रेशन को देख सकता है और साथ ही इवेंट को प्रसारित भी कर सकता है।


39) Angular में ng-view का एक उदाहरण दीजिए

निम्नलिखित उदाहरण पर विचार करें:

<!DOCTYPE html>
<html>
<head>
    <meta chrset="UTF 8">
    <title>Event Registration</title>
    <script src="https://code.angularjs.org/1.5.9/angular-route.js"></script>
    <script src="https://code.angularjs.org/1.5.9/angular.min.js"></script>
    <script src="lib/bootstrap.js"></script>
</head>
<body ng-app="sampleApp">
<h1> Global Event</h1>
<div class="container">
    <ul><li><a href="#!NewEvent"> Add New Event</a></li>
        <li><a href="#!DisplayEvent"> Display Event</a></li>
    </ul>
    <div ng-view></div>
</div>
<script>
    var app = angular.module('sampleApp',["ngRoute"]);
    app.config(function($routeProvider){
        $routeProvider.
        when("/NewEvent",{
            templateUrl : "add_event.html",
            controller: "AddEventController"
        }).
        when("/DisplayEvent", {
            templateUrl: "show_event.html",
            controller: "ShowDisplayController"
        }).
        otherwise ({
            redirectTo: '/DisplayEvent'
        });
    });
    app.controller("AddEventController", function($scope) {
        $scope.message = "This is to Add a new Event";
    });
    app.controller("ShowDisplayController",function($scope){
        $scope.message = "This is display an Event";
    });
</script>
</body>
</html>

40) AngularJS में फैक्ट्री विधि का सिंटैक्स क्या है?

फैक्ट्री का सिंटैक्स इस प्रकार है:

ऐप.फैक्ट्री('सर्विसनाम',फ़ंक्शन(){ return serviceObj;})


41) AngularJS स्कोप जीवनचक्र के विभिन्न चरणों के नाम बताइए।

यहां, AngularJS स्कोप जीवनचक्र के विभिन्न चरण दिए गए हैं:

  • निर्माण
  • मॉडल उत्परिवर्तन
  • वॉचर पंजीकरण
  • उत्परिवर्तन अवलोकन
  • स्कोप विनाश

42) Angular में बूटस्ट्रैप प्रक्रिया के लिए एक प्रोग्राम लिखें

Angular में बूटस्ट्रैप प्रक्रिया के लिए प्रोग्राम है:

<html>
    <body ng-app="TestApp">
        <div ng-controller="Ctrl">Hi{{msg}}!</div>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.8/angular.min.js"> 
</script>
        <script>
            var test = angular.module('TestApp', []);
            test.controller('Ctrl', function($scope) {
                $scope.msg = 'Good Morning';
            });
        </script>
    </body>
</html>

43) AngularJS में एकल पृष्ठ एप्लिकेशन क्या है?

एसपीए या सिंगल पेज एप्लीकेशन एक वेबसाइट या वेब एप्लीकेशन है जो उपयोगकर्ताओं के साथ गतिशील रूप से इंटरैक्ट करता है। AngularJS में, Javaस्क्रिप्ट, HTML और CSS एक ही पेज पर फिट हो जाते हैं। यह पूरे HTML पेज को रिफ्रेश किए बिना नेविगेशन करता है।


44) वेबपैक की अवधारणा को समझाइए

वेबपैक Angular2 या उससे ऊपर के लिए एक मॉड्यूल बंडलर है। यह AngularJS एप्लिकेशन को बंडल, ट्रांसपाइल और मिनिफ़ाई करता है।


45) एनपीएम से आप क्या समझते हैं?

NPM का मतलब है नोड पैकेज मैनेजर। इसमें Node.js प्रोजेक्ट के रिपॉजिटरी के साथ इंटरैक्ट करने के लिए एक कमांड लाइन टूल क्लाइंट शामिल है।


46) आप कमांड लाइन इंटरफेस का उपयोग करके एंगुलरजेएस में एक नया प्रोजेक्ट कैसे बना सकते हैं?

एक बार जब आप Angular कमांड-लाइन इंटरफ़ेस स्थापित कर लेते हैं, तो आपको Angular में एक नया प्रोजेक्ट बनाने के लिए ng new project-name कमांड चलाना होगा।


47) AngularJS में ऑटो बूटस्ट्रैप प्रक्रिया की व्याख्या करें

जब आप angular.js स्क्रिप्ट डाउनलोड करते हैं तो Angular स्वचालित रूप से DOMContentLoaded ईवेंट को प्रारंभ करता है या ब्राउज़र पर जाता है।

इसके बाद, AngularJS ng-app डायरेक्टिव को खोजता है जो कि एंगुलर ऐप संकलन का मूल है। जब ng-app डायरेक्टिव मिल जाता है, तो AngularJS निम्नलिखित चरण करता है:

1) मॉड्यूल लोड करें, जो निर्देश के साथ जुड़ा हुआ है,

2) एप्लिकेशन इंजेक्टर बनाएं,

3) ng-app रूट एलिमेंट से DOM को संकलित करें। इस प्रक्रिया को ऑटो बूटस्ट्रैपिंग के नाम से जाना जाता है।


48) तत्काल लागू होने वाला फ़ंक्शन एक्सप्रेशन क्या है?

IIFEs या तुरंत लागू होने वाले फ़ंक्शन एक्सप्रेशन एक ऐसा फ़ंक्शन है जो इसे बनाते ही निष्पादित हो जाता है। यह वैरिएबल घोषणा को अलग करने का एक सरल तरीका प्रदान करता है। IIFEs में दो प्रमुख फ़ंक्शन शामिल हैं:

1) ऑपरेटर()

2) अभिव्यक्ति()


49) एंगुलरजेएस में डाइजेस्ट चक्र क्या है?

डाइजेस्ट चक्र AngularJS में डेटा बाइंडिंग का महत्वपूर्ण हिस्सा है, जो स्कोप मॉडल के पुराने और नए संस्करण की तुलना करता है। डाइजेस्ट चक्र $apply() फ़ंक्शन का उपयोग करके स्वचालित रूप से या मैन्युअल रूप से ट्रिगर किया जाता है।


50) AngularJS के साथ काम करने के लिए बुनियादी आवश्यकता क्या है?

AngularJS सीखने या इसके साथ काम करने के लिए आपको AngularJS.com से AngularJS का नवीनतम संस्करण डाउनलोड करना होगा। आपको या तो JS फ़ाइल की आवश्यकता हो सकती है और इसे स्थानीय रूप से होस्ट करना होगा, या आप इसे संदर्भित करने के लिए Google CDN (सामग्री वितरण नेटवर्क) का भी उपयोग कर सकते हैं।


51) क्या हम AngularJS में नेस्टेड कंट्रोलर बना सकते हैं?

हां, हम AngularJS में नेस्टेड कंट्रोलर बना सकते हैं।

नेस्टेड नियंत्रक का उदाहरण इस प्रकार है:

<div ng-controller="MainCtrl">
 <p>{{msg}} {{name}}!</p>
<div ng-controller="SubCtrl1">
<p>Hi {{name}}!</p>
   <div ng-controller="SubCtrl2">
     <p>{{msg}} {{name}}! Your name is {{name}}.</p>
   </div>
</div>
</div>

52) प्रमाणीकरण क्या है?

प्रमाणीकरण एक ऐसी सेवा है जिसका उपयोग Angular एप्लिकेशन में लॉग इन और लॉगआउट करने के लिए किया जाता है। उपयोगकर्ताओं के क्रेडेंशियल सर्वर पर API को पास किए जाते हैं। फिर सर्वर-साइड सत्यापन के बाद इन क्रेडेंशियल, JSON वेब टोकन को वापस कर दिया जाता है, जो वर्तमान उपयोगकर्ता के बारे में विस्तृत जानकारी देता है।


53) AngularJS मटेरियल को परिभाषित करें

AngularJS मटेरियल, Google के मटेरियल डिज़ाइन स्पेसिफिकेशन का कार्यान्वयन है। यह AngularJS प्रोग्रामर के लिए अच्छी तरह से परखे गए, पुनः उपयोग योग्य UI घटकों का एक सेट प्रदान करता है।


54) एंगुलर 7 और एंगुलर 8 के बीच महत्वपूर्ण अंतर क्या हैं?

कोणीय 7 कोणीय 8
Angular 7 का उपयोग करना कठिन है Angular 8 का उपयोग करना बहुत आसान है
यह टाइपस्क्रिप्ट 3.4 प्रोग्रामिंग भाषा के निचले संस्करण के लिए समर्थन प्रदान करता है यह टाइपस्क्रिप्ट 3.4 प्रोग्रामिंग भाषा के निचले संस्करण के लिए समर्थन प्रदान नहीं करता है
के सभी संस्करणों का समर्थन करता है Node.js केवल Node.js 12 संस्करण का समर्थन करता है.

55) एनजीज़ोन क्या है?

एनजीज़ोन एक है Javaस्क्रिप रैपर क्लास जिसे Zone.js द्वारा दर्शाया जाता है। यह डेवलपर्स को Angular के ज़ोन के बाहर कुछ कोड को स्पष्ट रूप से चलाने में सक्षम बनाता है, जो Angular को किसी भी परिवर्तन का पता लगाने से रोकता है।


56) एंगुलर कंपोनेंट और डायरेक्टिव के बीच अंतर बताएं

घटक निर्देशक
एंगुलर घटक एक निर्देश है जो आपको पूरे अनुप्रयोग में वेब घटक कार्यक्षमता का उपयोग करने में सक्षम बनाता है। एंग्युलर डायरेक्टिव एक तकनीक है जिसके द्वारा हम तत्वों को व्यवहार से जोड़ते हैं।
यह आपके एप्लिकेशन को छोटे घटकों में विभाजित करने में आपकी सहायता करता है। यह आपको पुन: प्रयोज्य घटकों को डिज़ाइन करने में मदद करता है।
यह पाइपों को परिभाषित कर सकता है यह पाइपों को परिभाषित नहीं कर सकता.

57) ECMAस्क्रिप्ट को परिभाषित करें

ईसीएमएस्क्रिप्ट (यूरोपीय कंप्यूटर निर्माता संघ) स्क्रिप्टिंग भाषाओं के लिए एक मानक है। Javaस्क्रिप्ट ECMAScript को एक कोर भाषा के रूप में उपयोग करती है। डेवलपर्स वर्ल्ड वाइड वेब और या सर्वर एप्लिकेशन और सेवाओं पर क्लाइंट-साइड स्क्रिप्टिंग लिखने के लिए इसकी मदद ले सकते हैं। ECMAScript में कई विशेषताएं हैं जैसे कि कार्यात्मक, प्रोटोटाइप, गतिशील और संरचित विशेषताएं।


58) ट्रेसर कंपाइलर क्या है?

ट्रेसेर एक है Javaस्क्रिप्ट संकलक जो ECMAScript से क्लासेस, जेनरेटर और अन्य सुविधाओं का उपयोग करता है।


59) स्ट्रिंग को मुद्रा में कैसे परिवर्तित करें?

आप Angular में स्ट्रिंग इनपुट को मुद्रा प्रकार मुद्रा फ़िल्टर में परिवर्तित कर सकते हैं।


60) AngularJS में टेम्पलेट्स क्या हैं?

टेम्पलेट एक HTML फ़ाइल है जिसका उपयोग AngularJs निर्देशों और विशेषताओं के साथ किया जाता है।


61) एंगुलर और jQuery के बीच अंतर बताएं

AngularJS JQuery
AngularJs को समझना कठिन है Jquery को समझना बहुत आसान है.
यह दो-तरफ़ा बाइंडिंग प्रक्रिया का समर्थन करता है यह डेटा बाइंडिंग प्रक्रिया का समर्थन नहीं करता है
यह डीप लिंकिंग रूटिंग के लिए समर्थन प्रदान करता है यह डीप लिंकिंग रूटिंग के लिए समर्थन प्रदान नहीं करता है

62) समय से आगे का संकलन क्या है?

एंगुलर एओटी (अहेड ऑफ टाइम) एक कंपाइलर है जो आपके एंगुलर एचटीएमएल और टाइपस्क्रिप्ट कोड को में परिवर्तित करता है Javaस्क्रिप्ट कोड.


63) AngularJS में फ़िल्टर के प्रकारों की सूची बनाएं

AngularJS में प्रयुक्त फिल्टर के प्रकार हैं: 1) करेंसी, 2) अपरकेस, 3) लोअरकेस, 4) ऑर्डरबाय, 5) JSON, और 6) लिमिटटू।


64) ngOnInit () फ़ंक्शन को समझाएँ

ngOnInit () फ़ंक्शन एक जीवनचक्र हुक है जिसे निर्देश के डेटा-बाउंड गुणों के पूरा होने के बाद बुलाया जाता है।


65) एंगुलरजेएस में ट्रांसक्लूजन क्या है?

AngulaJS में ट्रांसक्लूजन डेवलपर्स को मूल डायरेक्टिव बच्चों को टेम्पलेट के भीतर एक विशिष्ट स्थान पर पुनः आवंटित करने में सक्षम बनाता है। डायरेक्टिव ng, ट्रांसक्लूजन का उपयोग करने वाले निकटतम पैरेंट डायरेक्टिव के ट्रांसक्लूड किए गए DOM के लिए सम्मिलन बिंदु दिखाता है। Ng-transclude-slot या ng-transclude डायरेक्टिव मुख्य रूप से ट्रांसक्लूजन के लिए उपयोग किए जाते हैं।


66) AngularJS में लिट आउट हुक उपलब्ध हैं

AngularJS में विभिन्न हुक्स हैं:

१) एनजीऑनइनिट()

2) एनजीऑनचेंज(),

3) एनजीडूचेक(),

4) एनजीआफ्टरकंटेंटइनिट(),

5) एनजीआफ्टरकंटेंटचेक्ड(),

6) एनजीऑनडिस्ट्रॉय(),

7) ngAfterViewChecked(), और

8) एनजीआफ्टरव्यूइनिट()


67) AngularJS मेटाडेटा के महत्वपूर्ण भाग क्या हैं?

AngularJS मेटाडेटा का उपयोग किसी क्लास को सजाने के लिए किया जाता है जो किसी विशेष क्लास के अपेक्षित व्यवहार को दर्शाता है। मेटाडेटा के विभिन्न भाग हैं: 1) क्लास डेकोरेटर, 2) मेथड डेकोरेटर, पैरामीटर डेकोरेटर और 4) प्रॉपर्टी डेकोरेटर।


68) एंगुलर सीएलआई क्या है?

Angular CLI को कमांड लाइन इंटरफ़ेस टूल भी कहा जाता है। इसका उपयोग Angular ऐप्स को बनाने, आरंभ करने और बनाए रखने के लिए किया जाता है। CLI सॉफ़्टवेयर का उपयोग कमांड शेल या Angular कंसोल जैसे बहुत ही इंटरैक्टिव UI के माध्यम से किया जा सकता है।


69) AngularJS में पैरामीटराइज्ड पाइप की व्याख्या करें

AngularJS में, पाइप में एक से अधिक पैरामीटर हो सकते हैं ताकि बढ़िया आउटपुट को ट्यून किया जा सके। आप पाइप को कोलन (:) और पैरामीटर के मानों के साथ घोषित करके एक पैरामीटरयुक्त पाइप बना सकते हैं। डेवलपर कई पैरामीटर मानों को कोलन (:) से अलग कर सकता है।


70) रूटिंग क्या है?

रूटिंग विभिन्न दृश्यों को मर्ज करने की एक विधि है। नियंत्रक इन दृश्यों को संयोजित करने का निर्णय तार्किक आवश्यकताओं पर निर्भर करता है।


71) पृथक इकाई परीक्षण से आपका क्या तात्पर्य है?

आइसोलेटेड टेस्ट किसी भी इंजेक्टेड वैल्यू या एंगुलर डिपेंडेंस का उपयोग किए बिना क्लास के इंस्टेंस की जांच करने की एक प्रक्रिया है। यह आपको प्रोग्राम को बहुत आसानी से लागू करने में मदद करता है।


72) AngularJS में DSL एनीमेशन फ़ंक्शन का नाम बताएं

AngularJS में DSL एनीमेशन फ़ंक्शन हैं: 1) group(), 2) state(), 3) transition(), 4) style(), 5) keyframes(), 6) trigger(), 7) sequence(), और 8) animate().


73) एंगुलरजेएस मॉड्यूल क्या है?

AngularJS में, मॉड्यूल निर्देशों और संबंधित सेवा घटकों को समूहीकृत करने की एक प्रक्रिया है। यह उन्हें इस तरह से व्यवस्थित करता है कि वे एक एप्लिकेशन बनाने के लिए अन्य मॉड्यूल के साथ मिल सकें।


74) एंगुलरजेएस में पाइप क्या हैं?

एंगुलर में, पाइप डेटा को बदलने के लिए एक सरल विधि प्रदान करते हैं। यह एरे, पूर्णांक, डेटा और स्ट्रिंग जैसे मानों को इनपुट के रूप में लेता है और पाइप (|) प्रतीक से विभाजित करता है। यह डेटा को आवश्यक प्रारूप में परिवर्तित करता है। पाइप ब्राउज़र में वही चीज़ प्रदर्शित करता है। एंगुलरजेएस में, यह कुछ इन-बिल्ट पाइप प्रदान करता है, लेकिन डेवलपर्स अपने स्वयं के पाइप भी विकसित कर सकते हैं।


75) AngularJS में ViewEncapsulation की व्याख्या करें

ViewEncapsulation यह निर्धारित करता है कि AngularJS घटक में परिभाषित शैलियाँ संपूर्ण ऐप को प्रभावित करेंगी या नहीं।

अपनी नौकरी के लिए इंटरव्यू की तैयारी करें!!! AngularJS ट्यूटोरियल बेहतर तरीके से तैयार रहना।

यह विस्तृत AngularJS मॉक टेस्ट आपको AngularJS साक्षात्कार प्रश्नों के बारे में संदेहों को दूर करने में मदद करेगा और साक्षात्कार को क्रैक करने में भी आपकी सहायता करेगा।


ये साक्षात्कार प्रश्न आपके मौखिक (मौखिक) में भी मदद करेंगे