Can't customize tab color as intended

[LegendOfFire]

Bug description:

I'd like to implement a dynamic tab-set which can add/delete tab on demand. And I want each tab has a customized color. I tried to use ng-style however it's a bit different as I imagined. The style is applied to the <li> element, not the contained <a> element. So it looks a bit strange.

Link to minimally-working plunker that reproduces the issue:

Unfortunately there are some problems for the code to run in plunker so no working example can be provided at the moment.

Version of Angular, UIBS, and Bootstrap

Angular: 1.5.8

UIBS: 2.3.0

Bootstrap: 3,3.7

[wesleycho]

Would using classes not be enough? In this case is it mandatory to use ng-style or some sort of dynamic styling?