Dieses Mal zeige ich Ihnen, wie Sie Sammlungsdaten in Angular durchlaufen und anzeigen. Was sind die Vorsichtsmaßnahmen für das Durchlaufen und Anzeigen von Sammlungsdaten in Angular? ein Blick.
lautet wie folgt:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>AngularJS集合数据遍历显示</title>
<script type="text/javascript" src="../js/angular.min.js"></script>
</head>
<body ng-app="myapp" ng-controller="myctrl">
<table width="100%" border="1">
<tr>
<td>序号</td>
<td>商品编号</td>
<td>商品名称</td>
<td>价格</td>
</tr>
<tr ng-repeat="product in products">
<td>{{$index+1}}</td>
<td>{{product.id}}</td>
<td>{{product.name}}</td>
<td>{{product.price}}</td>
</tr>
</table>
</body>
<script type="text/javascript">
var myapp = angular.module("myapp",[]);
myapp.controller("myctrl",["$scope",function($scope){
$scope.products = [
{
id:1001,
name:'数码相机',
price:5000
},
{
id:1002,
name:'华为手机',
price:4000
}
];
}])
</script>
</html>Detaillierte Erläuterung der Schritte zur Verwendung des benutzerdefinierten Paginators in Swiper
So wechseln Sie den Pfeil Schaltflächen im Swiper-Plug-in
Das obige ist der detaillierte Inhalt vonSo durchlaufen und zeigen Sie Sammlungsdaten in Angular an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
