AngularJS نانوغرام التكرار توجيه
مثيل AngularJS
حلقة متعددة عناوين:
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </sprist> </head> ng-controller = "myctrl"> <h1 ng-repeat = "x in records"> {{x}} </h1> <script> var app = Angular.Module ("myapp" ، []) ؛ App.Controller ("myctrl" ، function ($ scope) {$ scope.recors = "الصاعد التعليمي 3" ، "الصاعد التعليمي 4" ،]}) ؛ </script> </body> </html>التعريف والاستخدام
يتم استخدام توجيه NG-Repeat لحلق عناصر HTML لعدد محدد من المرات.
يجب أن تكون المجموعة صفيفًا أو كائنًا.
قواعد
<element ng-repeat = "expression"> </element>
جميع عناصر HTML تدعم هذا التوجيه.
قيمة المعلمة
| قيمة | يصف |
|---|---|
| تعبير | تحدد التعبيرات كيفية حلقة مجموعة. قواعد مثيل التعبير: x في السجلات (مفتاح ، قيمة) في Myobj x في السجلات تتبع $ id (x) |
المزيد من الأمثلة
مثيل AngularJS
استخدم صفيفًا لحلق جدول:
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js ng-controller = "myctrl"> <tr ng-repeat = "x in records"> <td> {{x.name}} </td> <td> {{x.country}} </td> </td> </tdroller> <cript> var app = angular.module ( الوظيفة ($ scope) {$ scope.records = [{"name": "Ernst Handel" ، "Country": "Austria"}]}) ؛ </script> </body> </html>نتائج التشغيل:
| ألفريدز فوتتركيست | ألمانيا |
| Berglunds snabbk | السويد |
| Centro comercial moctezuma | المكسيك |
| إرنست هاندل | النمسا |
مثيل AngularJS
استخدم كائنًا لحلقه لإخراج جدول:
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js ng-controller = "myctrl"> <tr ng-repeat = "(x ، y) في myobj"> <td> {{x}} </td> <td> {{y}} </td> </tdroller> <cript> var app = nogular.module ( Function ($ scope) {$ scope.myobj = {"name": "alfreds futterkiste" ، "country": "Germany" ،نتائج التشغيل:
| اسم | ألفريدز فوتتركيست |
| دولة | ألمانيا |
| مدينة | برلين |
ما سبق هو المعلومات الأساسية التي تقوم بفرز توجيهات angularjs ng-repeat ، وسيتم استكمالها لاحقًا.