angularJs कस्टम निर्देश टेम्पलेट के साथ काम नहीं कर रहा है URl

Question

मैं AngularJs के लिए नया हूं। मैं अपने कस्टम कोणीय निर्देश लिख रहा हूं जिसमें कुछ HTML सामग्री का एक टेम्पलेट शामिल है। जब मैं नीचे दिए गए कोड के साथ टेम्पलेट का उपयोग करता हूं तो यह ठीक काम करता है।

demoApp.directive('demoCarousel', function() { 
    return { 
    restrict: 'E', 
    replace:'true', 
    template: "<h1>This is from the custom directive..</h1>" 
    }; 

});

लेकिन जब मैं टेम्पलेट को टेम्पलेट के साथ बदलता हूं तो आंशिक रूप से एक एचटीएमएल को इंगित करता है मुझे त्रुटि मिल रही है।

demoApp.directive('demoCarousel', function() { 
    return { 
    restrict: 'E', 
    replace:'true', 
    templateUrl: "/partials/carousel.html" 
}; 

});

जावास्क्रिप्ट त्रुटि है कुछ की तरह:

Error: [$compile:tplrt] http://errors.angularjs.org/1.2.15/ $compile/tplrt?p0=glassCarousel&p1=%2Fpartials%2Fcarousel.html

कृपया मुझे पता है जहाँ मैं गलत templateUrl उपयोग करने के लिए सही तरीका जा रहा हूँ और क्या करते हैं

नोट: मैं केवल शुद्ध एचटीएमएल कोड के अंदर उपयोग कर रहा हूँ carousel.html फ़ाइल।

Answer 1

error sais: Template for directive 'glassCarousel' must have exactly one root element. /partials/carousel.html

इसका मतलब है आप अपने टेम्पलेट में कुछ इस तरह है:

<div> 
    <div>...</div> 
    <div>...</div> 
</div>