如何在另一个自定义指令中通过ng-repeat重复渲染自定义指令数组？

没问题，我来帮你搞定这个需求！要在自定义指令里用ng-repeat渲染其他自定义指令，核心是要利用Angular的$compile服务来动态解析指令标签——因为直接通过字符串拼接的指令不会被Angular自动识别编译。下面是完整的实现方案：

首先我们先把child1、child2、child3这三个子指令定义好，这里以元素型指令（restrict: 'E'）为例：

angular.module('myDirectiveApp', [])
// 子指令1
.directive('child1', function() {
  return {
    restrict: 'E',
    template: '<div class="child-box">我是Child 1指令内容</div>'
  };
})
// 子指令2
.directive('child2', function() {
  return {
    restrict: 'E',
    template: '<div class="child-box">我是Child 2指令内容</div>'
  };
})
// 子指令3
.directive('child3', function() {
  return {
    restrict: 'E',
    template: '<div class="child-box">我是Child 3指令内容</div>'
  };
})

创建一个控制器，把需要渲染的子指令名称（注意是HTML中使用的短横线命名格式）存到数组里，方便后续ng-repeat遍历：

.controller('MainController', function($scope) {
  // 存放要渲染的子指令名称数组
  $scope.childDirectiveList = ['child1', 'child2', 'child3'];
})

父指令需要接收控制器传递的指令列表，然后通过$compile动态编译每个子指令标签，让Angular识别并渲染它们：

.directive('parentDirective', function($compile) {
  return {
    restrict: 'E',
    // 隔离作用域，接收外部传入的指令列表
    scope: {
      directiveList: '='
    },
    link: function(scope, element) {
      // 监听指令列表的变化，支持动态更新
      scope.$watchCollection('directiveList', function(newDirectives) {
        if (!newDirectives) return;
        
        // 清空现有内容，避免重复渲染
        element.empty();
        
        // 遍历指令列表，逐个编译渲染
        newDirectives.forEach(function(dirName) {
          // 拼接子指令的HTML标签
          var directiveHtml = '<' + dirName + '></' + dirName + '>';
          // 编译标签并绑定到当前作用域
          var compiledElement = $compile(directiveHtml)(scope);
          // 添加到父指令元素中
          element.append(compiledElement);
        });
      });
    }
  };
})

最后在页面中引入控制器和父指令，把指令列表传递进去即可：

<div ng-app="myDirectiveApp" ng-controller="MainController">
  <parent-directive directive-list="childDirectiveList"></parent-directive>
</div>

• 如果你的子指令是驼峰命名（比如childOne），那么在数组里要存短横线格式的名称（child-one），因为Angular指令在HTML中是短横线命名规则。
• 如果需要给子指令传递参数，可以在拼接directiveHtml时加上属性，比如<child1 data="{{item}}"></child1>，然后在子指令中通过scope接收。
• 使用$watchCollection可以监听指令数组的变化，实现动态添加/移除子指令的效果。

内容的提问来源于stack exchange，提问作者Mr. Raj Kale