AngularJS:如何将元素转换为使用ng-repeat的模板？

在现有指令的link函数中设置一个引用transclude函数的变量:

 post: function($scope, $element, attrs) {
     $scope.transclude = transclude; 
     ...

然后,创建一个新指令,用于代替ng-transclude您希望转换内容出现在以下内容中的元素:

.directive('innerTransclude', function(){
  return function(scope, elem, attrs){
    scope.transclude(scope, function(clone){
      elem.append(clone);
    });
  }
})

该指令只是将克隆附加到元素,同时避免尝试在使用包含本身的元素内部使用转换的问题.不要忘记将其添加到您的模板:

<div class="carousel__item-content" inner-transclude></div>

演示