以下是一个示例代码,展示如何使用Angular每3行添加一个div:
HTML代码:
{{ item }}
CSS代码:
.div-with-border {
border: 1px solid black;
}
JavaScript代码:
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.items = [
'Item 1',
'Item 2',
'Item 3',
'Item 4',
'Item 5',
'Item 6',
'Item 7',
'Item 8',
'Item 9',
'Item 10'
];
});
在这个示例中,我们使用ng-repeat指令来遍历items数组,并使用ng-class指令来根据每个元素的索引值来判断是否添加div的边框样式。使用($index+1) % 3 === 0来判断是否是每3行的最后一行,如果是则添加div-with-border类,从而给该行添加边框样式。
这样,每3行就会添加一个带有边框样式的div。