AngularJS ng-repeat ইনজেক্টভ

ក្បួនការពិគ្រោះ AngularJS

বিবরণ ও ব্যবহার

ng-repeat ইনজেক্টভ একটি সংকেতসমূহকে নির্দিষ্ট সংখ্যকবার পুনরাবৃত্ত করতে পারে。

HTML সংকেতসমূহের প্রত্যেকটি আইটেমকে একবার পুনরাবৃত্ত করা হবে。

সংকেতসমূহ হতে হবে একটি একক বা অবজেক্ট

নোট:প্রত্যেকটি পুনরাবৃত্ত ইনস্ট্যান্সকে একটি নিজস্ব স্কোপ পাবে, যা বর্তমান প্রয়োজনীয়তা দ্বারা গঠিত হবে。

আপনি একটি অবজেক্ট সংকেতসমূহ রাখলেng-repeat ইনজেক্টভ খুবই ভালোভাবে HTML টেবিল তৈরি করতে পারে, প্রত্যেক অবজেক্টের জন্য একটি টেবিল পয়েন্ট দেখায়, এবং প্রত্যেক অবজেক্টের বৈশিষ্ট্যের জন্য একটি টেবিল ডাটা দেখায়। নিচের উদাহরণ দেখুন。

একটি উদাহরণ

উদাহরণ 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