如何在声明后运行由DOM添加的指令？

Question

我想在声明一个指令后添加DOM，但不适用于将来的使用。请检查我的代码：

http://jsfiddle.net/uh99z0uL/1/

angular.element(document).ready(function(){ 
    angular.bootstrap(document, ["MyApp"]); 
}); 

var MyApp = angular.module("MyApp", []); 
MyApp.directive('user', function($rootScope){ 
    var directive = {}; 
    directive.restrict = 'E'; 
    directive.template = "I'm {{name}}!"; 
    directive.controller = function($scope){ 
     //$scope.name = "Jack"; 
    }; 
    directive.scope = { 
     name: '@' 
    }; 
    directive.compile = function($element, attributes) { 
     $element.addClass("show"); 
     return function($scope, $element, attributes) { 
     }; 
    }; 
    return directive; 
}); 

//This works... 
angular.element(document.documentElement).append('<user name="Jack" />'); //ok 

//Now I want to run the same but adding the DOM after declaring the directive 
setTimeout(function(){ 
    angular.element(document.documentElement).append('<user name="Carl" />'); //no 
    //not working... 
},2000); 

这将是可能的，这些新的元素可能会运行已被宣布后的指令？谢谢兄弟。

Answer 1

你有附加

angular.element(document.documentElement).append($compile('<user name="Carl" />')($scope)); 

http://jsfiddle.net/codingninja/amch7rpy/2/