angular元素属性绑定_angular4 动态绑定class

问题场景：

222.png

请问一下 我想在1的位置添加一个和下标关联的class 应该怎么操作？

有效的方案

333.png

444.png

特别说明:

带中括号后面就不要带大括号 反之就要带

虚拟dom节点上不能帮属性 只能绑逻辑

ng-container标签下层加一个div 把class放那里面

{}里面的东西会去运算的

另外死的东西用da括号括起来

DEMO展示

{{v1.category_name}}{{v1.total_number}}{{v1.total_commissions}}

{{v2.name}}

4" class="ori-text" style="position: absolute;right: 10px;top: 2px" (click)="showMore(v1.topId);">查看更多

{{v2.count}}

{{v2.amount}}

style="display: block"

*ngFor="let v2 of v1.top5"

[routerLink]="['/order/detail', v2.order_id]"

class="ori-text">查看订单

{{v2.name}}

{{v2.count}}

{{v2.amount}}

style="display: block"

*ngFor="let v2 of v1.topAll"

[routerLink]="['/order/detail', v2.order_id]"

class="ori-text">查看订单

{{v1.category_name}}{{v1.total_number}}{{v1.total_commissions.toFixed(2)}}

{{v2.name}}

4" class="ori-text" style="position: absolute;right: 10px;top: 2px" (click)="showMore(v1.topId);">查看更多

{{v2.count}}

{{v2.amount}}

style="display: block"

*ngFor="let v2 of v1.top5"

[routerLink]="['/order/detail', v2.order_id]"

class="ori-text">查看订单

{{v2.name}}

{{v2.count}}

{{v2.amount}}

style="display: block"

*ngFor="let v2 of v1.topAll"

[routerLink]="['/order/detail', v2.order_id]"

class="ori-text">查看订单