Динамические шаблоны AngularJS и replaceWith

Question

У меня есть директива с динамическими шаблонами. После использования метода replaceWith мой метод addClass не вступает в силу.

var template = ''; 
switch (scope.type) { 

    case 'type1': 
     template = '<div>Type1</div>'; 
     break; 

    case 'type2': 
     template = '<div>Type2</div>'; 
     break; 
} 

element.replaceWith(template); 
element.addClass('test'); 

JsFiddle https://jsfiddle.net/L5z5Ld9u/1/

Answer 1

Ваш код не работает, потому что элемент полностью заменен шаблоном, поэтому вы должны добавить класс в шаблон, а не к элементу:

var template; 
switch (scope.type) { 

    case 'type1': 
    template = angular.element('<div>Type1</div>'); 
    break; 

    case 'type2': 
    template = angular.element('<div>Type2</div>'); 
    break; 
} 

element.replaceWith(template); 
template.addClass('test'); 

Fiddle