2017-07-12 21 views
6

कैसे निम्न कीवर्ड angular2 एनजी-टेम्पलेट्स

  • $ के प्रयोजन के कोणीय 2 टेम्पलेट्स में निहित क्या है में प्रयोग किया जाता?
  • चलो- और $ अंतर्निहित संबंधों के बीच संबंध क्या है?

उत्तर

9

आप के माध्यम से let-name

ng-template पर स्थानीय चर परिभाषित कर सकते हैं जब कोणीय createEmbeddedView बुला यह भी संदर्भ वस्तु में महत्वपूर्ण $implicit का उपयोग संदर्भ है कि अंदर ng-template

उपयोग किया जाएगा पारित कर सकते हैं द्वारा टेम्पलेट बनाता होगा डिफ़ॉल्ट रूप से इसका मान सेट करें। तो अगर हम लिखें:

vcRef.createEmbeddedView(template, { $implicit: 'value' }) 

और हम टेम्पलेट

<ng-template let-foo> 
{{ foo }} 
</ng-template> 

तो हम जैसे

<ng-template let-foo="$implicit"> 
    {{ foo }} 
</ng-template> 

इसके बारे में सोच सकते हैं तो foo बराबर होगा है value

Plunker Example

दूसरी ओर अगर हमारे पास संदर्भ की तरह:

let-foo="bar" 
+0

धन्यवाद @yurzui:

{ bar: 'value' } 

हम जैसे चर घोषित करने के लिए है। –

+0

क्या एकाधिक चर घोषित करने और उनका उपयोग करने का कोई तरीका है? –

+0

@MantuNigam https://plnkr.co/edit/RUu7hWAcMUZkjcFK1QKy?p=preview – yurzui

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