1. ปัญหาพื้นหลัง
ได้รับวัตถุอาร์เรย์ ID ของ div; ลูปเพื่อสร้างองค์ประกอบ DIV และกำหนดค่า id
2. ใช้ซอร์สโค้ด
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> angularjs สร้าง ID แบบไดนามิกของ div </title> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6.6/angular.min.min.min.min.min.min.min.min.min.min.min.min.min. Angular.module ("idapp", []); app.controller ("idcon", ฟังก์ชั่น ($ scope) {$ scope.divids = [{divid: "chartid1"}, {divid: "chartid2"}, {divid: "chartid3"}, {divid: "Chartid4"}, {divid: </script> </head> <body ng-app = "idapp" ng-controller = "idcon"> <div ng-repeat = "แผนภูมิใน divids"> <div id = "{{chart.divid}}"> {{chart.divid}}3. บรรลุผลลัพธ์
<html> <head> <style type = "text/css">@charset "utf-8"; [ng/: cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], ng-cloak, .x-ng-cooak, .ng-hide ! สำคัญ;} ng/: รูปแบบ {display: block;}. ng-animate-shim {การมองเห็น: hidden;}. ng-anchor {ตำแหน่ง: สัมบูรณ์;} </style> <meta charset = "utf-8"> <title> angularjs src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> <script> var app = angular.module ("idapp", []); app.controller ("idcon", ฟังก์ชั่น ($ scope) {$ scope.divids = [{divid: "chartid1"}, {divid: "chartid2"}, {divid: "chartid3"}, {divid: "Chartid4"}, {divid: </script> </head> <body ng-controller = "idcon" ng-app = "idapp"> <!-ngrepeat: แผนภูมิใน divids-> <div ng-repeat = "แผนภูมิใน divids"> <div id = "Chartid1"> Chartid1 divids "> <div id =" chartid3 "> chartid3 </div> </div> <!-สิ้นสุด ngrepeat: แผนภูมิใน divids-> <div ng-repeat =" แผนภูมิใน divids "> <div id =" chartid3 "> chartid3 divids "> <div id =" chartid4 "> chartid4 </div> </div> <!-สิ้นสุด ngrepeat: แผนภูมิใน divids-> <div ng-repeat =" แผนภูมิใน divids "> <div id =" chartid5 "> chartid5 </div>ข้างต้นคือการวิเคราะห์ซอร์สโค้ด ID ของ AngularJS ที่สร้างขึ้นแบบไดนามิก DIV แนะนำให้คุณรู้จัก ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!