Eu tenho uma página web com um módulo definido (myModule) onde estou boostraping angularjs usando

angular.bootstrap(element,[myModule.name]);

Após o clique de um botão, eu adiciono html dinâmico e compilo usando

$compile('<my-element data="data"></my-element>',$scope.$new());

A diretiva é adicionada usando

myModule.directive('myElement',function(){});

O problema é quando eu adiciono a diretiva antes de chamar bootstrap, $ compile acaba processando corretamente minha diretiva. No entanto, se a diretiva é adicionada depois de chamar o bootstrap, $ compile não faz nada ao meu html. Ele apenas adiciona a classe ng-scope a ele e a diretiva / tag não é processada.

No meu caso, nem todas as diretivas serão carregadas antes do bootstrap ser chamado. No caso de eu carregar diretivas depois de chamar o bootstrap, como posso usá-lo na página?

Obrigado.

Edit: Só para esclarecer. Todas as diretivas são carregadas dinamicamente. Aqueles que eu carrego antes do bootstrapping funcionam bem. Aqueles que eu carrego após o bootstrapping falham. Quando eu permito as diretivas carregadas, eu posso o mesmo resultado, então não são as diretivas, mas parece que depois do bootstrapping, novas diretivas adicionadas não parecem ter efeito.