Twitter bootstrap 在一维阵列上使用ng repeat创建固定宽度的二维显示
是否可以创建类似于Twitter bootstrap 在一维阵列上使用ng repeat创建固定宽度的二维显示,twitter-bootstrap,angularjs,Twitter Bootstrap,Angularjs,是否可以创建类似于[1,2,3,4,5,6,7,8,9] 并使用ngRepeat在引导上创建以下内容: <div class="row-fluid"> <div class="span4">1</div> <div class="span4">2</div> <div class="span4">3</div> </div> <div class="row-fluid"> <div
[1,2,3,4,5,6,7,8,9]
并使用ngRepeat
在引导上创建以下内容:
<div class="row-fluid">
<div class="span4">1</div>
<div class="span4">2</div>
<div class="span4">3</div>
</div>
<div class="row-fluid">
<div class="span4">4</div>
<div class="span4">5</div>
<div class="span4">6</div>
</div>
<div class="row-fluid">
<div class="span4">7</div>
<div class="span4">8</div>
<div class="span4">9</div>
</div>
1.
2.
3.
4.
5.
6.
7.
8.
9
如果您的列表位于一个称为myList的范围变量中,例如,myList
,那么您可以使用类似以下内容的手表
$scope.rows = [];
$scope.$watchCollection('myList', function(source) {
$scope.rows = [];
for(var i=0; i<source.length; i+=3) {
var row = [];
for(var j=i; j<i+3 && j<source.length; j++) {
row.push(source[j]);
}
$scope.rows.push(row);
}
});
$scope.rows=[];
$scope.$watchCollection('myList',函数(源){
$scope.rows=[];
对于(var i=0;i如果您的列表位于一个称为的范围变量中,例如,myList
,那么您可以使用类似于以下内容的手表
$scope.rows = [];
$scope.$watchCollection('myList', function(source) {
$scope.rows = [];
for(var i=0; i<source.length; i+=3) {
var row = [];
for(var j=i; j<i+3 && j<source.length; j++) {
row.push(source[j]);
}
$scope.rows.push(row);
}
});
$scope.rows=[];
$scope.$watchCollection('myList',函数(源){
$scope.rows=[];
对于(var i=0;i)您需要创建一个指令来完成此操作。您可以创建此标记,但它不会按照引导规则工作。您需要创建一个指令来完成此操作。您可以创建此标记,但它不会按照引导规则工作。