angularJs自定義指令不能使用templateUrl

Question

我是AngularJs的新手。我正在寫我的自定義角度指令，其中包含一些html內容的模板。當我使用下面的代碼模板時，它工作正常。

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

}）;

但是，當我用templateUrl替換指向部分內部的html的模板時出現錯誤。

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

}）;

的JavaScript錯誤是一樣的東西：

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

請讓我知道我錯了，什麼用templateUrl正確的方法

注：我使用的內唯一的純HTML代碼carousel.html文件。

Answer 1

的error賽斯：Template for directive 'glassCarousel' must have exactly one root element. /partials/carousel.html

這意味着你必須在你的模板是這樣的：

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

這是不允許的，你應該有一個根元素：

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