Javascript 另一个转置指令内的角度转置指令

Javascript 另一个转置指令内的角度转置指令,javascript,angularjs,transclusion,Javascript,Angularjs,Transclusion,在另一个指令的内部有一个角度指令。两者都使用transclude:true 我希望如果我有以下代码(取自plunker),我会看到同样的事情3次 JS: 我想 <my-button ng-transclude=""><button>A Button</button> </my-button> A按钮 我的问题是: 我对此有什么误解?它是否与指令按角度展开的顺序有关?我能换这个吗 如何在另一个转置指令中实现具有转置的指令。我认为您可以通过以下方

在另一个指令的内部有一个角度指令。两者都使用
transclude:true

我希望如果我有以下代码(取自plunker),我会看到同样的事情3次

JS:

我想

<my-button ng-transclude=""><button>A Button</button> </my-button>
A按钮
我的问题是:

我对此有什么误解?它是否与指令按角度展开的顺序有关?我能换这个吗


如何在另一个转置指令中实现具有转置的指令。

我认为您可以通过以下方法解决您的问题:

function directiveWithDirective(){
  return {
            restrict: 'E',
            transclude: true,
            template: '<my-button><ng-transclude /> </my-button>'
        };
}
函数directiveWithDirective(){
返回{
限制:'E',
是的,
模板:“”
};
}

太棒了!这正是我想要的。一定错过了。使用工作解决方案更新了plunker:@EtienECRB在此处找到了更多信息:
<my-button ng-transclude=""> </my-button>.
<my-button ng-transclude=""><button>A Button</button> </my-button>
function directiveWithDirective(){
  return {
            restrict: 'E',
            transclude: true,
            template: '<my-button><ng-transclude /> </my-button>'
        };
}