Angular4 样式绑定计算(基础问题)

发布于 2022-09-06 20:32:33 字数 432 浏览 18 评论 0

问题1:如下{active: 3> 3 - 1},是如何计算的?
active: stars是两个class

问题2:如果class类名有"-",如"fa-b"好像就不好用了,如何解决呢?

这是一个星级评价功能
传得是位置,比较的是索引,如果点击第三位,i=3, {active: 3> 3 - 1} 小于3的都显示。

            <span class="stars" *ngFor="let i of [1, 2, 3, 4, 5]"
                  [ngClass]="{active: stars > i - 1}"      
                   (click)="clickStars(i)
             </span>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

半暖夏伤 2022-09-13 20:32:34
  1. 3> 3 - 1true,则使用active这个class
  2. {'fa-b': 3> 3 - 1}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文