angularjs - 嵌套指令，都带有模板 url

Question

我在一个模块中有 2 个指令。其中之一是 templateUrl 属性。在该 templateUrl 中，我引用了另一个指令，该指令又具有一个 templateUrl。

例如

<div>    <!--This is my first partial page which uses the SelectorResult directive -->
  Here are some results
  <div result-carousel>
     <!-- here is where some more html should go from result-carousel -->
  </div>
</div>

从带有指令的模块：

app.directive('SelectorResult', function () {
        return {
            restrict: 'AE',
            scope: {},
            templateUrl: '/chooser/Pages/partials/selector-result-tmpl.aspx',
            replace: true,
            controller: 'SelectorResultController',
            controllerAs: 'resultCtrl'
        };
    });

app.directive('resultCarousel', function () {
        return {
            templateUrl: '/chooser/Pages/partials/carousel-tmpl.html'
        };
    });

这是我得到的错误： [ngTransclude:orphan] http://errors.angularjs.org/1.2.28/ngTransclude/orphan?p0=%3Cdivlass%3D%carousel-inner%22%20ng-transclude%3D %22%22%3E

我收到一个关于嵌入的错误，我尝试了一些东西，但没有改变。我以为你们可能有想法。