【问题标题】:Apply class conditionally angular有条件地应用类
【发布时间】:2015-09-04 04:16:50
【问题描述】:

我正在尝试通过 ng-class 有条件地申请课程,但它不起作用

ng-class="{'margin-watch':progress <= '0','margin-continue-watch':progress > '0' }"

【问题讨论】:

  • 如果取消引用数字会怎样?
  • 您缺少最后一个双引号,但我想这只是您问题中的一个错字。否则您的代码应该可以正常工作,请参阅JSFiddle
  • 投了反对票的请说出原因
  • 如果下面的答案不能解决你的问题,你会得到什么错误?
  • Guin 你是对的,删除引号解决了这个问题,但我接受了 Yasser 的答案以获得更好的代码可读性

标签: css angularjs ng-class


【解决方案1】:

试试这个

ng-class="{'margin-watch': (progress <= 0), 'margin-continue-watch': (progress > 0) }

【讨论】:

  • 请注意,添加尖括号只是为了使其更具可读性,没有它也可以。
【解决方案2】:

除非您的条件要求您将进度与字符“0”进行比较,否则您应该删除 0 周围的引号。这应该可以修复您的表达式! 为了可读性,我建议您像 Yasser 在他的回答中那样应用 (),但它也应该可以工作。

【讨论】:

    猜你喜欢
    • 2015-08-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-11-09
    • 1970-01-01
    • 2017-11-19
    • 2016-02-27
    • 1970-01-01
    相关资源
    最近更新 更多