آئی جی اینگولر ng-repeat حکم

AngularJS ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ

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

ng-repeat آئی جی اینگولر کا حکم ایک مجموعی آئی جی اینگولر کا تکرار کرتا ہے۔

آئی جی اینگولر کی مجموعی آئی سی میں ہر آئیٹم ایک بار تکرار ہوگا۔

گروپ ناچن سے یا آئیٹم سے ہونا چاہئیے۔

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

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

مثال

مثال 1

records آئی سی میں ہر آئیٹم کا عنوان لکھیں:

<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

records آئی سی میں ہر آئیٹم کا تیبل راؤنڈ کریں:

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

ਆਪਣੇ ਆਪ ਨਾਲ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਗਣਨਾ

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

ਸਾਰੇ HTML ਐਲੀਮੈਂਟ ਸਮਰੱਥ ਹਨ。

ਪੈਰਾਮੀਟਰ

ਪੈਰਾਮੀਟਰ ਵਰਣਨ
expression

ਸਮੂਹ ਦਾ ਸਰਕਟ ਚੱਕਰ ਕਰਨ ਦੇ ਤਰੀਕੇ ਨੂੰ ਸੰਦੇਸ਼ ਦੇਣ ਵਾਲੀ ਪ੍ਰਗਰਾਮਿੰਗ

ਲਾਗੂ ਹੋਣ ਵਾਲੀ ਪ੍ਰਗਰਾਮਿੰਗ ਦੇ ਉਦਾਹਰਣ

x in records

(key, value) in myObj

x in records track by $id(x)

AngularJS ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ