यह कंपोनेंट क्लास के भीतर <p> टैग के ElementRef ऑब्जेक्ट तक पहुंच प्रदान करता है, जो कंपोनेंट के टेम्पलेट व्यू में बायो टेम्पलेट संदर्भ चरित्रित करता है।
यह इस संबंधित कंपोनेंट का पैरेंट व्यू के रूप में <p> टैग का चाइल्ड रूप में लोड होने का संकेत देता है।
यह टेम्पलेट में <p> टैग को सामग्री प्रोजेक्शन का समर्थन करता है।
यह अंतिम रेंडर में <p> टैग को दृश्यमान बनाता है। यदि टेम्पलेट में #bio का उपयोग किया गया था और क्लास में @ViewChild का उपयोग नहीं किया गया था, तो Angular आवंटित किया गया #bio वाले <p> टैग को स्वचालित रूप से छुपा देता।
प्रश्न 3. ActivatedRoute क्लास पर paramMap और queryParamMap का क्या अंतर है?
paramMap एक मार्ग के URL पथ में पैरामीटरों का ऑब्जेक्ट लिटरल है। queryParamMap इन समान पैरामीटरों का एक Observable है।
paramMap एक Observable है जो मार्ग के URL पथ में शामिल पैरामीटर मानों को शामिल करता है। queryParamMap एक विधि है जो एक कुंजीयों की एक श्रृंखला लेता है और paramMap में विशेष पैरामीटरों को खोजने के लिए प्रयोग किया जाता है।
paramMap Angular 3 से विरासत में नाम है। नया नाम queryParamMap है।
दोनों मार्ग के URL स्ट्रिंग से मांगे गए मानों को शामिल करने वाले ओब्जेक्ट होते हैं। paramMap मार्ग के URL पथ में पैरामीटर मानों को शामिल करता है और queryParamMap URL क्वेरी पैरामीटर्स को शामिल करता है।
प्रश्न 4. निम्नलिखित async पाइप के उपयोग का ध्यान देते हुए, और मानते हुए कि उपयोक्ता क्लास क्षेत्र users एक Observable है, तो users Observable के लिए कितने सब्सक्रिप्शन हो रहे हैं?
<h2>Names</h2><div *ngFor="let user of users | async">{{ user.name }}</div><h2>Ages</h2><div *ngFor="let user of users | async">{{ user.age }}</div><h2>Genders</h2><div *ngFor="let user of users | async">{{ user.gender }}</div>
कोई नहीं। एसिंक पाइप स्वचालित रूप से सब्सक्राइब नहीं करता है।
कोई नहीं। टेम्पलेट सिंटैक्स सही नहीं है।
तीन। प्रत्येक एसिंक पाइप के लिए एक होता है।
एक। एसिंक पाइप टाइप के आंतरिक रूप से ओब्जेक्ट्स को कैश करता है।
प्रश्न 8. उत्पादनात्मक दिशा-निर्देशिका का उपयोग करने के लिए सही टेम्पलेट सिंटैक्स क्या है, जिसका उपयोग करके उत्पादनात्मक दिशा-निर्देशिका के बाहर उत्पादनात्मक दिशा की सूची को रेंडर किया जा सकता है?
%OPTION% A
<ul><li [ngFor]="let productName of productNames">{{ productName }}</li></ul>
%OPTION% B
<ul><lingFor="let productName of productNames">{{ productName }}</li></ul>
%OPTION% C
<ul><li *ngFor="let productName of productNames">{{ productName }}</li></ul>
%OPTION% D
<ul><?for productName in productNames { ?><li>{{ productName }}</li><? } ?></ul>
प्रश्न 11. एक FormControl पर valueChanges विधि का उपयोग क्या है?
इसका उपयोग यह किया जाता है कि नियंत्रण के लिए कौने अनुमत होते हैं का विन्यास करने के लिए।
इसका उपयोग नियंत्रण के मान को एक नए मान में बदलने के लिए होता है। आप उस विधि को कॉल करेंगे और फ़ॉर्म फ़ील्ड के लिए नए मान को पास करेंगे। यह यहाँ तक समर्थन प्रदान करता है कि कई मानों को समय-समय पर सेट किया जा सकता है।
यह नियंत्रण के मान के मूल मान से अलग होने के आधार पर एक बूलियन वापस करता है।
यह एक Observable है जो हर बार नियंत्रण के मान में परिवर्तन होने पर निर्वाचित होता है, ताकि आप नए मानों का प्रतिक्रिया कर सकें और उस समय नियोजन निर्णय कर सकें।
प्रश्न 12. इस कंपोनेंट क्लास में Output डेकोरेटर का क्या उपयोग है?
यह आइटम टोटल चेंज़ड क्लास फ़ील्ड को सार्वजनिक बनाता है।
यह itemTotalChanged क्लास फ़ील्ड को बाइंड करने का एक तरीका प्रदान करता है, जैसे: <app-shopping-cart [itemTotalChanged]="newTotal"></app-shopping-cart>।
यह itemTotalChanged क्लास फ़ील्ड के साथ इवेंट्स को बाइंड करने का एक तरीका प्रदान करता है, जैसे: <app-shopping-cart (itemTotalChanged)="logNewTotal($event)"></app-shopping-cart>।
यह बस एक कमेंट को डेकोरेटर फ़ील्ड के सामने रखने का एक तरीका है।
ngIf दूसरे उदाहरण के लिए शॉर्टहैंड है। जब एंगुलर उस निर्देशिका को प्रसंस्करण करता है, तो वह DOM में एक div तत्व लिखता है जिसमें छिपा हुआ गुण होता है।
वे मौलिक रूप से एक समान हैं।
ngIf निर्देशिका यदि अभिव्यक्ति गलत होती है तो डिव DOM में नहीं रेंडर करती है। hidden गुण का उपयोग डिव सामग्री को ब्राउज़र व्यूपोर्ट में छिपाने के लिए करता है, लेकिन डिव अभी भी DOM में होता है।
ngIf वैध है, लेकिन hidden गुण का उपयोग गलत है और त्रुटि उत्पन्न करेगा।
ngIf दूसरे उदाहरण के लिए संक्षेप है। जब Angular उस निर्देशिका को प्रसंस्करण करता है, तो वह एक div तत्व DOM में hidden संपत्ति के साथ लिखता है।
वे मौलिक रूप से एक समान हैं।
ngIf निर्देशिका अगर अभिव्यक्ति अगर गलत है तो डोम में div को नहीं प्रस्तुत करती है। hidden संपत्ति का उपयोग ब्राउज़र व्यूपोर्ट में div सामग्री को छिपाता है, लेकिन div DOM में फिर भी होता है।
ngIf मान्य है, लेकिन hidden संपत्ति का उपयोग गलत है और यह त्रुटि फेंकेगा।
प्रोवाइडर जो किरणों के उदाहरणों को ट्रैक करने के लिए प्रयोग किया जा सकता है
टेम्पलेट्स के लिए उपयुक्त विमान घटनाओं के लिए निर्मित पाइप्स
Angular द्वारा निश्चित समयों पर कॉल किए जाने वाले कम्पोनेंट और निर्देशिकाओं के लिए आरक्षित नामित विधियों, और उन जीवनशैली पलों में प्रवेश करने के लिए उपयोग किया जा सकता है
सवाल 19. इस टेम्पलेट की संटेंट के लिए सर्वोत्तम विवरण का चयन करें:
<span>Boss: {{job?.bossName}}</span>
? आसंकेत पाइप के लिए संक्षेप है। नौकरी मूल्य एक अवलोकनीय होना चाहिए।
यह नौकरी क्षेत्र पर सुरक्षित नेविगेशन ऑपरेटर (?) का उपयोग कर रहा है। यदि नौकरी क्षेत्र अनिर्धारित है, तो बॉस नाम का उपयोग अनदेखा किया जाएगा और कोई त्रुटि नहीं होगी।
टेम्पलेट की वाक्य-रचना में एक त्रुटि है। ? यहाँ मान्य नहीं है।
यह नौकरी मूल्य को प्रदर्शित कर रहा है अगर उसका एक हो; अन्यथा यह बॉस नाम को प्रदर्शित कर रहा है।
सवाल 20. एक UserDetailComponent के लिए एक मार्ग परिभाषण कैसे कॉन्फ़िगर करें जो URL मार्ग user/23 का समर्थन करता है (जहां 23 अनुरोधित उपयोगकर्ता की id को दर्शाता है)?