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>

所以我用不同的类型/颜色连接了多个进度条。使用复选框，我将设置特定进度条以使颜色透明。

因此我需要这样的东西：

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

- ＆GT;所以我需要一个关于ng-class else语句的过滤器。

这可能吗？重要的是只有颜色应该改变，但进度条应该保持原样。

非常感谢

[编辑] 这是我的问题的链接： My Example

Answer 1

你做了很多更好的事情，如果你先纠正，不要使用style="width:{{}}"如果你使用ng风格更好，那么你就不必使用括号，并回答你的问题，你可以在ng-class中这样写：

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

JS

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

您也可以使用您的样式属性执行此操作。

AngularJS ng-class条件

1 个答案: