Javascript 使用angularjs中的模的ng类

我使用了带模数的

$index

<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> 

{{day.name}

正在尝试继续此标记

---

但是它们不一样，我不知道我的错误是什么。

如果可能，请尝试这种方式：

    <div ng-repeat="day in days">
        <div class="col-xs-2" ng-if="$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>
</div> 

{{day.name}

试试这个。这里发生的情况是，如果条件[$index%3==0]为真，则将应用col-xs-2

<div ng-repeat="day in days" ng-class="{true: 'col-xs-2'}[$index % 3 === 0]"></div>

---

在粘贴箱示例中，基本上有3个具有“col-xs-2”类的div；前两次持有3天和最后一次持有1天：

<div class="col-xs-2"><!-- mon., tues., wed./ --></div>
<div class="col-xs-2"><!-- thur., fri., sat./ --></div>
<div class="col-xs-2"><!-- sun./--></div>

在ng repeat版本中，您有7个div，每个div持有1天（其中只有三个div持有class=“col-xs-2”）；那完全不同

<div class="col-xs-2"><!-- mon --></div>
<div><!-- tues --></div>
<div><!-- weds --></div>
<div class="col-xs-2"><!-- thurs --></div>
<div><!-- fri --></div>
<div><!-- sat --></div>
<div class="col-xs-2"><!-- sun --></div>

要获得想要的效果，您需要以下内容：

<div ng-repeat="daySet in [[0,1,2], [3,4,5], [6]]" class="col-xs-2">
    <div ng-repeat="dayNum in daySet" class="days-group">
        <input id="{{days[dayNum].name}}" type='checkbox' value="{{days[dayNum].value}}" check-list='checked_days'> 
        <label for="{{days[dayNum].name}}">{{days[dayNum].name}}</label>
    </div>
</div>

{{days[dayNum].name}

您错过了一个结束标记？这不起作用，它显示第一个区块，然后其余区块消失。