1. Antecedentes de problemas
Dado un objeto de matriz, la identificación del div; bucle para generar el elemento div y asignar el valor de identificación
2. Implementar el código fuente
< angular.module ("idapp", []); app.controller ("idcon", function ($ scope) {$ scope.divids = [{divid: "Chartid1"}, {divid: "Chartid2"}, {divid: "Chartid3"}, {divid: "Chartid4"}, {Divid: "Chartid5"];}); </script> </head> <body ng-app = "idapp" ng-concontroller = "idcon"> <div ng-depeat = "gráfico en divididos"> <div id = "{{chart.divid}}"> {{{Chart.divid}} </div> </body> </html>3. Lograr resultados
<html> <fead> <style type = "text/css">@charset "utf-8"; [ng/: cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak] ,. ng-cloak, .x-ng-cloak, .ng-hide: no (.ng-o-anime) {exhibición: no numo: no numo: no numo: no nueces: no nueces: no nuishad. ! importante;} ng/: form {display: block;}. ng-animado-shim {visibility: hidden;}. ng-anchor {posición: absoluto;} </style> <meta charset = "utf-8"> <title> angularjs genera dinámicamente la identificación de la división </titter> <scritch> 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: "Chartid4"}, {Divid: "Chartid5"];}); </script> </head> <body ng-concontroller = "idcon" ng-app = "idapp"> <!-ngrepeat: gráfico en divides-> <div ng-repeat = "gráfico en divididos"> <dividi = "gráfico" diviT1 <1/piv> </div> <!-End ngrepeat: Chart en divididos "> <div id =" Chartid3 "> Chartid3 </div> </div> <!-end ngrepeat: gráfico en divids-> <div ng-depreat =" gráfico en divididos "> <divi =" chartid3 "> chartid3 </div> </div> < divididos "> <div id =" Chartid4 "> Chartid4 </div> </div> <!-end ngrepeat: gráfico en divids-> <div ng-repeat =" gráfico en divididos "> <div it =" gráfico "> gráfico </div> </div> <!-end ngrepeat: Chart in divids-> </body </body </html> </div> <!-End ngrepeat: Chart in divids-> </body </body </htmlyLo anterior es el análisis del código fuente de ID de DIV generado dinámicamente de AngularJS que se le presenta. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!