如何将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>