AngularJS ng-repeat آئیکن

دستورالعمل مرجع AngularJS

تعریف و استعمال

ng-repeat آئیکن ایک گروپ HTML کو مطلوبہ مرتبہ تکرار کرتا ہے۔

HTML مجموعے میں ہر آئٹم ایک بار پھر تکرار ہوتا ہے۔

مجموعہ حتماً آرائیں یا آئیٹم ہونا چاہیئے۔

تذکرہ:پائیدار ہر مثال کو اپنا خودکار اسکوپ حاصل ہوتا ہے، جو موجودہ آئیٹم سے تشکیل دیا جاتا ہے。

اگر آپ کا ایک آئیٹم مجموعہ ہے،ng-repeat آئیکن بہت اچھا ہے، اس کا استعمال HTML تیب بنانے کے لئے کیا جاتا ہے، ہر آئیٹم کے لئے ایک تیب لائن دکھا جاتا ہے، اور ہر آئیٹم کی ہر حیثیت کے لئے ایک تیب ڈاٹا دکھایا جاتا ہے۔ نیچے کا مثال دیکھیئے۔

مثال

مثال 1

لحظوم اپارٹی میں ہر آئٹم کے لئے ایک عنوان لکھیں:

<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 = [
        "Alfreds Futterkiste",
        "Berglunds snabbköp",
        "Centro comercial Moctezuma",
        "Ernst Handel",
    ]
});
</script>
</body>

آزمایش کنید

مثال 2

لحظوم اپارٹی میں ہر آئٹم کے لئے ایک تیب لکھیں:

<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öp",
            "Country" : "Sweden"
        },{
            "Name" : "Centro comercial Moctezuma",
            "Country" : "Mexico"
        },{
            "Name" : "Ernst Handel",
            "Country" : "Austria"
        }
    ]
});
</script>

آزمایش کنید

مثال 3

لحظوم اپارٹی میں ہر حیثیت کے لئے ایک تیب لکھیں:

<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>

آزمایش کنید

نحوه‌نویسی

<عنصر ng-repeat="عبارت</عنصر>

تمام عناصر HTML پشتیبانی می‌شوند.

پارامتر

پارامتر توضیح
عبارت

عبارتی که چگونگی چرخه‌ورزی مجموعه را مشخص می‌کند.

مثال‌های عبارت قانونی:

x در records

(کلید، ارزش) در myObj

x در records track by $id(x)

دستورالعمل مرجع AngularJS