如何将AngularJS表达式包含到div类字符串中?

如何将AngularJS表达式包含到div类字符串中?,angularjs,Angularjs,例如: <div class="chart-percentage"> <span>{{data[0].percent}}</span> <div class="percentage-line width35 blue1"></div> </div> {{data[0].percent} 有没有办法使用class=“width+data[0].percent”代替硬编码“width35”?您可以使用ng

例如:

<div class="chart-percentage">
    <span>{{data[0].percent}}</span>
    <div class="percentage-line width35 blue1"></div>
</div>

{{data[0].percent}

有没有办法使用class=“width+data[0].percent”代替硬编码“width35”?

您可以使用
ng class=“'width'+data[0].percent”

使用
ng类
进行如下操作

<div class="percentage-line blue1" ng-class="'width' + data[0].percent"></div>
使用[class]单向绑定(您可以使用es6模板文本(背面标记))


<div class="percentage-line blue1" ng-class="'width' + data[0].percent"></div>
Angular 2.x and above 
<div class="percentage-line blue1" [class]=`width${data[0].percent}`></div>