javascript - ng 类条件因模数而失败

Question

最初我有这种硬编码的 HTML。

<div class="col-xs-2">
  <div class="days-group">
    <input type="checkbox" id="Mondays" value="1">
    <label for="Mondays">Mondays</label>
  </div>
  <div class="days-group">
    <input type="checkbox" id="Tuesdays" value="2">
    <label for="Tuesdays">Tuesdays</label>
  </div>
  <div class="days-group">
    <input type="checkbox" id="Wednesdays" value="3">
    <label for="Wednesdays">Wednesdays</label>
  </div>
</div>
<div class="col-xs-2">
  <div class="days-group">
    <input type="checkbox" id="Thursdays" value="4">
    <label for="Thursdays">Thursdays</label>
  </div>
  <div class="days-group">
    <input type="checkbox" id="Fridays" value="5">
    <label for="Fridays">Fridays</label>
  </div>
  <div class="days-group">
    <input type="checkbox" id="Saturdays" value="6">
    <label for="Saturdays">Saturdays</label>
  </div>
</div>
<div class="col-xs-2">
  <div class="days-group">
    <input type="checkbox" id="Sundays" value="">
    <label for="Sundays">Sundays</label>
  </div>
</div>

然后我将 ng-repeat 与对象数组一起使用。但我未能使用 ng-class 条件添加类。

<div ng-repeat="day in days" ng-class="{'col-xs-2':'$index % 3 === 0'}">
                    <div class="days-group">
                        <input id="{{day.value}}"type='checkbox' value="{{day.value}}" check-list='checked_days'> 
                        <label for="{{day.value}}">{{day.name}}</label>
                    </div>
               </div>

这里出了什么问题？逻辑是如果元素为 3，则添加一个 col-xs-2。

Answer 1

尝试这样的事情:

<div ng-repeat="product in products" ng-if="$index % 3 == 0" class="row">
        <div class="col-xs-4">{{products[$index]}}</div>
        <div class="col-xs-4" ng-if="products.length > ($index + 1)">{{products[$index + 1]}}</div>
        <div class="col-xs-4" ng-if="products.length > ($index + 2)">{{products[$index + 2]}}</div>
    </div>

更新:工作 jsfiddle 链接:

https://jsfiddle.net/avnesh2/73dzmnuh/2/

希望对你有用。