1. خلفية المشكلة
بالنظر إلى كائن صفيف ، معرف div ؛ حلقة لإنشاء عنصر DIV وتعيين قيمة المعرف
2. تنفيذ رمز المصدر
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> يقوم AngularJS بإنشاء معرف Div </title> <script src = "http://apps.bdimg.com/libs/angular.js/1.4 Angular.Module ("idapp" ، []) ؛ app.controller ("idcon" ، function ($ scope) {$ scope.divids = [{divid: "chartid1" ، {divid: "chartid2"} ، {divid: "chartid3"} ، {divid: </script> </head> <body ng-app = "idapp" ng-controller = "idcon"> <div ng-repeat = "chart in divisid"> <div id = "{chart.divid}}"> {{chart.dived}}3. تحقيق النتائج
<html> <head> <style type = "text/css">@charset "utf-8" ؛ [ng/: cloak] ، [ng-cloak] ، [data-ng-cloak] ، [x-ng-cloak] ، ! مهم ؛} ng/: form {display: block ؛}. src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> <script> var app = Angular.Module ("idapp" ، []) ؛ app.controller ("idcon" ، function ($ scope) {$ scope.divids = [{divid: "chartid1" ، {divid: "chartid2"} ، {divid: "chartid3"} ، {divid: </script> </head> <body ng-controller = "idcon" ng-app = "idapp"> <!-ngrepeat: مخطط في المقسمات-> <div ng-repeat = "chart in divids"> <div id = "chartid1"> chartid1 </div> <!-end ngrepeat: chart in المقسمات "> <div id =" chartid3 "> chartid3 </viv> </viv> <!-نهاية ngrepeat: مخطط في المقسمات-> <div ng-repeat =" chart in divids "> <div id =" chartid3 "> chartid3 </fiv> <div> <! id = "chartid4"> chartID4 </viv> </viv> <!-نهاية ngrepeat: الرسم البياني في المقسمات-> <div ng-repeat = "Chart in Divids"> <div id = "chartid5"> chartid5 </viv> <!-end ngrepeat: chart in divids->ما سبق هو تحليل رمز مصدر المعرف لـ AngularJS التي تم إنشاؤها ديناميكيًا تم تقديمها لك. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!