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

问题场景:

038f97de4320?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

222.png

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

有效的方案

038f97de4320?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

333.png

038f97de4320?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

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">查看订单

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值