AngularJS нг-класс состояние

Question

У меня есть следующий HTML-элемент с директивами AngularJS:

<div class="progress">             
<span ng-repeat="timeRangeObject in timeRangeObjects" style="width: {{timeRangeObject.percentage}}%" ng-class="vm.showVacation == true ? 'progress-bar timerange-{{timeRangeObject.containerType}}' : 'progress-bar timerange-PADDING'" />                    
</div> 

Так что я Concat более чем один прогресс бар с различными типами/цветов. С помощью флажка я устанавливаю конкретные индикаторы выполнения для прозрачного цвета.

Поэтому мне нужно что-то вроде этого:

... ng-class="vm.showVacation == true ? 'progress-bar timerange-{{timeRangeObject.containerType}}' : 'progress-bar timerange-PADDING | timeRangeObject.containerType == 'XY''" 

-> так что я нужен фильтр относительно другого заявления нг-класса.

Возможно ли это? Важно то, что только цвет должен меняться, но индикатор прогресса должен оставаться там, где он есть.

Большого спасибо

[EDIT] Вот ссылка на мою проблему: My Example

Answer 1

Вы решенная много вещей, что лучше, если вы исправите первую очередь не используете style="width:{{}}" лучше, если вы используете нг-стиль, так что вы не должны использовать скобки, и ответить на ваш вопрос, вы можете написать, как это в нг-класс:

<div ng-class="foo()"> 

JS

$scope.foo=function(){ 
    return /*here you put your condition sorry but i didn't understand 
      the conditions you need*/ 
} 

Вы можете сделать это с помощью атрибута стиля.