Вкладки Angular-UI: добавить класс к определенной вкладке
Я хочу создать следующие вкладки с Angular UI:
вкладки http://gyazo.com/1a0153506b386d4746c108c420f7ae1b.png
Так что я'добавив стили на основе Bootstap 'имена классов / разметка:
.nav-tabs > li.new > a {
padding-top: 5px;
}
.nav-tabs > .new > a:after {
content: "NEW";
color: indianred;
font-size: 10px;
vertical-align: super;
padding-left: 2px;
}
(Как видите, мне нужно компенсировать<a></a>
через некоторое время после того, как я добавил суперскриптованный текст, в противном случае он будет сдвинут.
Далее у меня есть следующая разметка & код вhtml/js
файлы:
HTML:
JS:
var TabsDemoCtrl = function ($scope) {
$scope.tabs = [
{ title:"Tab 1", content:"Dynamic content 1" },
{ title:"Tab 2", content:"Dynamic content 2", active: true, 'new': true }
];
};
ng-class="{new: tab.new} {active: active, disabled: disabled}"