दिलचस्प पोस्ट
जावास्क्रिप्ट का प्रयोग करके लेबल टेक्स्ट बदलें स्प्रिंग बूट में ऑब्जेक्ट की सूची के लिए यमाल में मैपिंग सूची क्या सिस्टम ऐक्सिट अपवाद को sys.exit () से पकड़े जाने से उठाने को रोकने का एक तरीका है? जेएसएफ आवेदन से किसी भी वेब ब्राउजर से बातचीत के रूप में सहेजने के लिए मजबूर सी #: डिकोडिंग के लिए क्लास उद्धृत छापने योग्य एन्कोडिंग? PHP में सरणी मानों की सफेद रिक्त स्थान कैसे ट्रिम करें नकारात्मक मूल्यों के साथ मॉड्यूलो ऑपरेटर SQL डाटाबेस में प्राथमिक कुंजी के रूप में स्ट्रिंग्स Excel में SQL क्वेरी डेटा निर्यात करें एनीमेशन UITableView startupdates / endupdates पर समाप्त हो गया है कि कैसे पता लगाने के लिए? क्या किसी को आंतरिक कार्यान्वयन, या केवल सार्वजनिक व्यवहार का परीक्षण करना चाहिए? क्या एक रिमोट रिपॉजिटरी में एक git छिपाने की जगह धक्का संभव है? रेंज के भीतर एक यादृच्छिक संख्या उत्पन्न करें? इंटरनेट एक्सप्लोरर में पाठ छाया? सी 99 में, एफ () + जी () अपरिभाषित या केवल अनिर्दिष्ट है?

कोणीय 2: त्रुटि: प्रकार त्रुटि: संपत्ति '…' की पढ़ाई नहीं की जा सकती अनिर्धारित

मैंने अपने angular2 कोड टुकड़ा के plunker संलग्न है मैं अपने जेएसओएन से एक फ़ील्ड प्रिंट करना चाहता हूं लेकिन प्रिंट करने में असमर्थ हूं क्योंकि शुरू में मेरी ऑब्जेक्ट रिक्त है और यह वादा किया जाता है।

यह मेरा घटक फ़ाइल है

import {Component, NgModule, OnInit} from '@angular/core' import {BrowserModule} from '@angular/platform-browser' class MyData { xyz : MySubData; } class MySubData { name : string; } @Component({ selector: 'my-app', template: ` <div> <h2>Hello {{name}}</h2> {{abc.xyz.name}} </div> `, }) export class App implements OnInit { abc : MyData = null; constructor() { this.name = 'Angular2' } ngOnInit() { setTimeout(() => { this.abc = new MyData(); this.abc.xyz = new MySubData(); this.abc.xyz.name = "Binita"; }, 2000); } } @NgModule({ imports: [ BrowserModule ], declarations: [ App ], bootstrap: [ App ] }) export class AppModule {} 

जब मैं अपने टेम्प्लेट से {{abc.xyz.name}} रेखा निकाल रहा हूं तो यह ठीक चल रहा है।

मेरे पास मेरे कोड में समय निर्धारित है क्योंकि मुझे अपना डेटा वादा से मिल रहा है (यानी अतुल्यकालिक कॉल)।

मैं प्रारंभिक रूप में abc null रूप में समझ सकता हूँ, मेरा कोड abc.xyz.name को खोजने में असमर्थ है। लेकिन मैं किसी भी स्थिति को जांचना नहीं चाहता हूं क्योंकि मेरे पास एक जेएसओएन के अंदर कई संपत्ति है और प्रत्येक संपत्ति के लिए अगर हालत को लिखना संभव नहीं है।

पहले कोण 1 में अगर एबीसी शून्य है तो यह स्वतः रिक्त स्ट्रिंग के साथ इसे बदल देगा। मैं angular2 में एक ही बात करना चाहता हूँ। कृपया सुझाव दे।

नीचे लंगर है

https://plnkr.co/edit/u1NqNF0penz7OS55QmoU?p=preview

Solutions Collecting From Web of "कोणीय 2: त्रुटि: प्रकार त्रुटि: संपत्ति '…' की पढ़ाई नहीं की जा सकती अनिर्धारित"

ऐसा इसलिए है क्योंकि abc टेम्पलेट रेंडरिंग के समय में अनिर्धारित है। जब तक HTTP कॉल पूरा नहीं हो तब तक आप "सुरक्षित" टेम्पलेट "सुरक्षित नेविगेशन ऑपरेटर ( ? ) का उपयोग कर सकते हैं:

 {{abc?.xyz?.name}} 

आप यहां सुरक्षित नेविगेशन ऑपरेटर के बारे में अधिक पढ़ सकते हैं।

अद्यतन करें:

सुरक्षित नेविगेशन ऑपरेटर को एरे में उपयोग नहीं किया जा सकता है, आपको इस समस्या को दूर करने के लिए NgIf निर्देश का लाभ उठाना होगा:

 <div *ngIf="arr && arr.length > 0"> {{arr[0].name}} </div> 

यहां NgIf निर्देश के बारे में और पढ़ें।