दिलचस्प पोस्ट
जावास्क्रिप्ट के साथ एक स्थानीय पाठ फ़ाइल में डेटा लेखन फोरट्रान और एमपीआई के लिए अच्छा प्रोफाइलर सीएसएस में लंबवत केंद्र तत्व कैसे सही बीन क्षेत्र का चयन करने के लिए? जैक्सन एक जेनेरिक सूची के deserialising नहीं है कि यह क्रमबद्ध है संभावनाओं के साथ यादृच्छिक संख्या जावा 8 में अपवाद प्रकार अनुमान की एक विशिष्ट विशेषता कैसे एक OpenCart गुरु बनने के लिए? जेएस में सरल थ्रौटल मार्शलिंग के बिना JAXB 2.0 में स्कीमा के विरुद्ध कैसे मान्य है? एंड्रॉइड में सीधे इन्टेंट पुट एक्स्ट्रा () के बजाय बंडल का उपयोग करने के लाभ यूआईडीवाइस वर्तमान डिवाइस मॉडल संभव मूल्य सी मानक लाइब्रेरी हेडर के लिए एक्लिप्स सीडीटी के साथ "अनसुलझी समावेशन" त्रुटि ActivityLifecycleCallbacks का उपयोग करते हुए स्वचालित रूप से एंड्रॉइड लाइफस्टाइल इवेंट लॉग करते हैं? 2 की अगली शक्ति तक गोल करना

कोणीय 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 निर्देश के बारे में और पढ़ें।