То есть чтобы не писать каждый раз
<div ui-template="Tabs">
<ul>
<li ui="Tabs-header">хэдер</li>
<li ui="Tabs-header">хэдер2</li>
</ul>
<ul>
<li ui="Tabs-content">контент</li>
<li ui="Tabs-content">контент2</li>
</ul>
</div>
мы создаем кастомный элемент, описываем там как его парсить какие аттрибуты чо значат и.т.п. при чем так чтобы это было все няшно как будто он родной блять. можем классы там оформление задавать ему и все это на шаблон перенесется)
а потом короче юзаем все это
<tabs headers="left">
<tab caption="заголовок1">контент1<tab>
<tab caption="заголовок2">контент2<tab>
</tabs>
и он короче по этому всему загенерит вертикальную версию шаблона с вертикальными классами, и заполнит его.
вот типа того, и заголовки табов будут слева ^_^ потому что мы аттрибут такой добавили, ну как идея?