【问题标题】:How to mix two ng-class expressions?如何混合两个 ng 类表达式?
【发布时间】:2015-12-09 17:12:49
【问题描述】:
  • 我有两个 ng-class 表达式。
  • ng-class="{true: 'none-block', false: '阻止'}[x.done&x.hide]"
  • ng-class="{true: '罢工', false: '默认'}[x.done]"
  • 如何将它们合二为一?

真正的问题:

<div ng-repeat="x in shoppingList |orderBy:'+done'|filter:search track by $index"  class="list-item" ng-class="{true: 'none-block', false: 'block'}[x.done&&hideMark]" style="padding-bottom:22px" >
    <a href="#" ng-click="done(x)" ng-class="{true: 'strike', false: 'default'}[x.done]" style="display:block">
          {{shoppingList.indexOf(x)}}. 
    <span class="thing" ng-bind="x.itemText"></span>
    </a></div>

【问题讨论】:

标签: angularjs ng-class


【解决方案1】:

应该是

ng-class="{true: 'none-block strike', false: 'block default'}[x.done]"

【讨论】:

  • 感谢您的信息。抱歉,我的问题是两种不同的情况。
  • 发布您真正的问题。那么我们可以提供帮助。否则很难预测答案
【解决方案2】:
ng-class="{'block default': !x[done], 'none-block strike': x[done]}"

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多