問題は、my-directiveが処理されるまでに、指令の収集フェーズが終了し、要素を変更しても新しいコンパイルがトリガーされないことです。
他のすべてのディレクティブを追加した後、手動でコンパイル フェーズを再度トリガーする必要があります。 plunkerを参照してください。
app.directive("queue", [ '$compile', function($compile) {
var directiveDefinitionObject;
directiveDefinitionObject = {
scope: {},
controller: [
'$scope', function($scope) {
$scope.entries = [{name: 1}, {name: 2}, {name: 3}];
}
],
template: $("#entry").html(),
compile : function(tElement, tAttrs, transclude) {
var compiler;
//All children related directives go here since the template hasn't been
//appended yet in the post link function when we re-compile
tElement.children().attr('ng-repeat', 'entry in entries');
compiler = {
pre : function(scope, iElement, iAttrs, controller) {
},
post : function(scope, iElement, iAttrs, controller) {
if (iElement.attr('can-do-thing-i-define') === undefined) {
var c = tElement.clone();
c.attr('can-do-thing-i-define', '');
$compile(c)(scope);
iElement.replaceWith(c);
}
}
};
return compiler;
}
};
return directiveDefinitionObject;
}]);