如何在ng-repeat中使用ng-if创建新行?

沙希谢卡·哈萨布尼斯

我正在尝试在列表中的10个元素之后创建一个新行。以下是代码,但没有得到预期的结果。

<div class="row">                                    
    <div class="col-sm-1" ng-repeat="q in questions">
         <button class="btn btn-danger" ng-click="select_question(q)">{{ $index + 1 }}</button>
         <br ng-if="$index/10 == 0">                                        
    </div>
    <div class="col-sm-1">
        <button class="btn btn-success" ng-click="select_new_question()">+</button>
    </div>
</div>

不知道我在犯什么错误?

沙申克·维维克

检查这个笨蛋

<div class="row">                                    
<div class="col-sm-1" ng-repeat="q in questions">
     <button class="btn btn-danger" ng-click="select_question(q)">{{ $index + 1 }}</button>

     <div ng-if="($index+1)%10 === 0">New Row</div>                                        
</div>
<div class="col-sm-1">
    <button class="btn btn-success" ng-click="select_new_question()">+</button>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在angularjs中使用ng-repeat和array时创建对象

如何在AngularJS中使用ng-repeat创建嵌套结构

如何在Ionic Framework中使用ng-repeat创建2列网格系统?

如何在ng-repeat中使用ng-if?

在angularjs中使用ng-repeat动态创建表

如何在ng-repeat中使用ng-options绑定<select> ng-model

如何使用ng-repeat在angular js中使行可折叠?

如何在ng-repeat中使用$ error.required?

如何在ng-repeat中使用动态订单

AngularJS:如何在ng-repeat中使用$索引

如何在Web API中使用angular ng-repeat?

如何在ng-repeat angularjs中使用多重响应?

如何在ng-repeat中使用角度值

如何在angularjs中使用ng-repeat

如何在另一个ng-repeat中使用ng-repeat范围

ng-repeat,用div填充一行后,如何创建新行以继续归档?

如何在ng-repeat中为新行显示“新”徽章

如何在ng-repeat创建的模型上监视变化?

如何在AngularJS中使用ng-repeat动态生成ng-model =“ my _ {{$ index}}”“?

如何在 ng-repeat 中使用 ng-if 来应用 css 类

如何在angularjs中使用ng-click显示ng-repeat的确切内容

如何在ng-repeat中使用ng-init将值绑定到变量?

如何在ng-repeat中制作选定行的数组?

使用ng-repeat时如何在angularjs中的特定行中隐藏<td>

仅在HTML中使用逻辑突出显示ng-repeat中的选定行

如何在ng2-bootstrap Timepicker中使用新表格

我如何在ng-repeat中使用ng-repeat但内部ng-repeat应该一次打印一个数组的值

AngularJS-ng-repeat-如何使用ID创建数组

AngularJS - 如何对使用 ng-repeat 创建的表进行排序