angularjs在另一个指令模板中使用指令

<!-- 父指令模板 -->
<div ng-app="myApp">
  <parent-directive>
    <!-- 子指令标签 -->
    <child-directive></child-directive>
  </parent-directive>
</div>

// 父指令定义
angular.module('myApp', [])
  .directive('parentDirective', function() {
    return {
      restrict: 'E',
      template: '<div>父指令模板</div>',
      controller: function() {
        // 父指令的控制器逻辑
      }
    };
  });

// 子指令定义
angular.module('myApp')
  .directive('childDirective', function() {
    return {
      restrict: 'E',
      template: '<div>子指令模板</div>',
      require: '^parentDirective', // 关联父指令
      link: function(scope, element, attrs, parentCtrl) {
        // 在这里可以访问父指令的控制器或其他属性
      }
    };
  });