2016-06-28 8 views
5

मैं कोणीय 2 और टाइपस्क्रिप्ट सीख रहा हूं और सोच रहा हूं कि मैं अपने टेम्पलेट में ऑब्जेक्ट के प्रॉपर्टी वैल्यू का उपयोग क्यों नहीं कर सकता।कोणीय 2 टाइपस्क्रिप्ट टेम्पलेट में प्रदर्शित करने के लिए ऑब्जेक्ट गुणों को कैसे प्राप्त करें

मेरे घटक:

export class Farm{ 

    data:JSON; 
    id: any; 

    constructor(private nextService: NextService, navParams: NavParams){ 
     this.id = navParams.get("param1"); 

    } 

    getFarmDetails(){ 

     this.data = this.nextService.fetchData(this.id) 
     console.log(this.data) 
    } 
} 

जहां console.log (this.data) मेरे Object {id: 1, name: "Leanne Graham", username: "Bret", email: "[email protected]", address: Object…}

देता है मेरे टेम्पलेट में मेरे पास है

<div> 
    {{data}} 
</div> 

जो के रूप में मेरी स्क्रीन पर आउटपुट [ऑब्जेक्ट ऑब्जेक्ट]

मैं ईमेल या उपयोगकर्ता नाम जैसे गुणों को आउटपुट कैसे कर सकता हूं?

अद्यतन: मुझे पसंद है {{data.email}} मैं निम्नलिखित मिल त्रुटि है, तो:

enter image description here

उत्तर

26

आप के रूप में आप जावास्क्रिप्ट में होगा उन गुणों का उपयोग कर सकते हैं।

उदाहरण के लिए:

{{data.email}} 

डेटा प्राप्त हो रहा है, तो एसिंक्रोनस रूप से आप एल्विस ऑपरेटर उपयोग कर सकते हैं?। डेटा शून्य होने पर त्रुटियों से बचने के लिए

{{data?.email}} 
+1

मुझे लगता है कि कोशिश की, लेकिन यह त्रुटि फेंकता है: मूल अपवाद: लेखन त्रुटि: अपरिभाषित संपत्ति – Nitish

+3

की 'ईमेल' पढ़ा नहीं जा सकता {{डेटा .email}} सही काम किया! आपको बहुत - बहुत धन्यवाद! – Nitish

+0

धन्यवाद! आपने मुझे डिबगिंग मुद्दों और फेसप्लेमिंग के एक और घंटे बचाया। "एल्विस" ऑपरेटर को कभी-कभी "सुरक्षित नेविगेशन ऑपरेटर" भी कहा जाता है, कभी-कभी – sofly

संबंधित मुद्दे