कोणीयजेएस - क्यों नहीं बदले: टेम्पलेट यूआरएल संपत्ति के साथ सही काम?

Question

मेरे पास एक बहुत ही सरल निर्देश है कि मैं टेम्पलेट को एक अलग HTML फ़ाइल से लोड करना चाहता हूं। मैं चाहता हूं कि एचटीएमएल निर्देश को प्रतिस्थापित करे और इसलिए मैं replace: true संपत्ति को निर्देश में जोड़ूं। हालांकि जब मैं ऐसा करता हूं, तो टेम्पलेट बिल्कुल शामिल नहीं होता है।

मैंने jsFiddle बनाया है जहां आप इसे देख सकते हैं। यदि आप डीओएम का निरीक्षण करने के लिए फायरबग या कुछ का उपयोग करते हैं, तो आप देख सकते हैं कि जब यह केवल template प्रॉपर्टी का उपयोग कर रहा है तो यह तत्व को प्रतिस्थापित करता है। यदि आप replace: true लेते हैं तो आप foo तत्व में संलग्न होने वाले templateUrl पर HTML देख सकते हैं। हालांकि, जैसे ही मैं के साथ replace: true जोड़ता हूं, तो मुझे लगता है कि DOM में <foo></foo> है।

क्या कोई कारण है कि आप इन दोनों गुणों का एक साथ उपयोग नहीं कर सकते हैं? मैं जावास्क्रिप्ट के साथ एक विशेषज्ञ से बहुत दूर हूं, इसलिए यहां क्या हो रहा है इसके बारे में कोई जानकारी बहुत सराहना की जाएगी।

Answer 1

सुनिश्चित करें कि templateUrl में आपके एचटीएमएल की सामग्री बिल्कुल एक मूल तत्व है। यह एक मुद्दा जब replace: false नहीं है, लेकिन एक मुद्दा बन जाता है जब replace: true और आप (Firebug के साथ) इस कंसोल त्रुटि देखेंगे: (दो जड़ तत्वों के साथ)

Error: Template must have exactly one root element. 

यहाँ यह not working के jsFiddle है और यह working के साथ एक और ।

Answer 2

अच्छा सवाल। अगर मैं गलत नहीं हूँ, आप "transclude" का उपयोग करना चाहते

http://jsfiddle.net/dandoyon/AsVp8/1/

Transclude आप क्या HTML में है के साथ अपने टेम्पलेट मिश्रण करने के लिए अनुमति देता है। आप डॉक्टर को एक और नज़र देना चाहते हैं और इस विकल्प को देखना चाहते हैं।

चीयर्स!