Угловые JS динамические теги в шаблоне

Question

var template ='<div id="'+'inst'+id+'" ng-click="setCurrentId('+id+')" >'+ 
     '< {{$scope.somevariable}} data-role="listview" >'+ 
     '<li><a href="acura.html">Acura</a></li>'+ 
     '<li><a href="audi.html">Audi</a></li>'+ 
     '<li><a href="bmw.html">BMW</a></li>'+ 
     '</{{$scope.somevariable}}>'+ 
     '</div>'; 

в приведенном выше коде я хочу что-то вроде $ scope.somevariable быть заменен ул или ол , но, к сожалению, это не работает

кто-то может сказать мне, как создавать динамические теги используя угловые js?

Примечания: атрибуты, как-данные роль, может быть динамической (т.е. может или существовать, может не) .. так как таковой я не могу использовать NG-переключатель

Answer 1

Используйте ngSwitch или ngShow директивы для изменения содержимого.

ng-switch

ng-show