[英]Angular ng-repeat in table
我有一個關於角度'ng-repeat'的問題。 我有一個表,在此表中,我將顯示數組值。
這是我的js:
var app = angular.module('plunker', []);
app.controller('MainCtrl',function($scope){
<!--TR-->
$scope.trZeile = new Array();
$scope.trZeile = ['1','2','3'];
$scope.hadi = new Array();
$scope.hadia = new Array();
$scope.hadi[0] = 'Mercedes1,BMW1,Ford1,VW1,Renault1,Kia1';
$scope.hadi[1] = 'Mercedes2,BMW2,Ford2,VW2,Renault2,Kia2';
$scope.hadi[2] = 'Mercedes3,BMW3,Ford3,VW3,Renault3,Kia3';
for(var i = 0; i<3; i++){
$scope.hadia = $scope.hadi[i].split(',');
}
});
這是一個示例: http : //plnkr.co/edit/jWqyePLEvrnwFZOkFUUn
但它看起來應該像:
我該如何實現?
您在這里有很多不必要的東西。 我砍了他們。 您根本不需要trZeile。 此外,此行只是將同一變量重新綁定了三次:
$scope.hadia = $scope.hadi[i].split(',');
這是工作代碼: http : //plnkr.co/edit/zz04pEDPst5Yo3thCXfy?p=preview
HTML
<table ng-controller="MainCtrl" style='border:2px solid black'>
<tr ng-repeat="row in hadia" style='border:2px solid black'>
<th scope="row">{{$index + 1}}</th>
<td ng-repeat="td in row track by $index" style='border:2px solid black'>
{{td}}
</td>
</tr>
</table>
使用Javascript
var app = angular.module('plunker', []);
app.controller('MainCtrl',function($scope){
$scope.hadia = [];
$scope.hadi = [
'Mercedes1,BMW1,Ford1,VW1,Renault1,Kia1',
'Mercedes2,BMW2,Ford2,VW2,Renault2,Kia2',
'Mercedes3,BMW3,Ford3,VW3,Renault3,Kia3'
]
for(var i = 0, j = $scope.hadi.length; i< j; i++){
$scope.hadia.push($scope.hadi[i].split(','));
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.