دليل مرجعي لـ AngularJS اختيار AngularJS

تعليمات AngularJS ng-repeat

مثال

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body　ng-app="myApp"　ng-controller="myCtrl">
<h1　ng-repeat="x　in　records">{{x}}</h1>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
　　$scope.records　=　[
　　　　"موقع تعليمي أساسي 1",
　　　　"موقع تعليمي أساسي 2",
　　　　"موقع تعليمي أساسي 3",
　　　　"موقع تعليمي أساسي 4",
　　]
});
</script>
</body>
</html>

اختبار لرؤية ‹/›

التعريف والاستخدام

ng-repeat تعليمات تستخدم لتحويل مرة واحدة من عناصر HTML المحددة.

المجموعة يجب أن تكون مصفوفة أو موضوعًا.

النحو

　　　<element　ng-repeat="expression"></element>

جميع عناصر HTML تدعم هذه التعليمات.

قيمة المعامل

القيمة	الوصف
expression	العبارات تعرف كيفية تكرار مجموعة. نمونه تعریف عبارت: `x in records` 　 `(key, value) in myObj x in records track by $id(x)`

مزيد من الأمثلة

مثال

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="myApp">
<table ng-controller="myCtrl" border="1">
<tr　ng-repeat="x　in　records">
　　<td>{{x.Name}}</td>
　　<td>{{x.Country}}</td>　　
</tr>
</table>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
　　$scope.records　=　[
　　　　{
　　　　　　"Name" : "Alfreds Futterkiste",
　　　　　　"Country"　:　"Germany"
　　　　},
　　　　{
　　　　　　"Name"　:　"Berglunds　snabbk",
　　　　　　"Country"　:　"Sweden"
　　　　},
　　　　{
　　　　　　"Name"　:　"Centro　comercial　Moctezuma",
　　　　　　"Country"　:　"Mexico"
　　　　},
　　　　{
　　　　　　"Name"　:　"Ernst　Handel",
　　　　　　"Country"　:　"Austria"
　　　　}
　　]
});
</script>
</body>
</html>

اختبار لرؤية ‹/›

مثال

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="myApp">
<table ng-controller="myCtrl" border="1">
<tr ng-repeat="(x, y) in myObj">
　　<td>{{x}}</td>
　　<td>{{y}}</td>　　
</tr>
</table>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
　　$scope.myObj = {
　　　　"Name" : "Alfreds Futterkiste",
　　　　"Country" : "Germany",
　　　　"City" : "Berlin"
　　}
});
</script>
</body>
</html>

اختبار لرؤية ‹/›

دليل مرجعي لـ AngularJS

دليل مرجعي لـ AngularJS اختيار AngularJS

دليل AngularJS الأساسي

تعليمات AngularJS ng-repeat

التعريف والاستخدام

النحو

قيمة المعامل

مزيد من الأمثلة