1. Problème Contexte
Étant donné un objet de tableau, l'ID du div; boucle pour générer l'élément div et attribuer la valeur d'ID
2. Implémentez le code source
<! Doctype html> <html> <éadf> <meta charset = "utf-8"> <tight> angularjs génère dynamiquement l'ID de la div </ title> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </angular> script> script> script> script> script> script> script> script> script> 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-controller = "idCon"> <div ng-repeat = "Chart in divids"> <div id = "{{chart.divid}}"> {{chart.divid}} </div> </ body> </html>3. Réaliser des résultats
<html> <éadf> <style type = "text / css"> @ charset "utf-8"; [ng /: Cloak], [ng-coak], [data-ng-coak], [x-ng-coak] ,. ng-coak, .x-ng-col,. ! IMPORTANT;} ng /: form {display: block;}. ng-animate-shim {visibilité: cachée;}. ng-anchor {position: absolue;} </ style> <meta charset = "utf-8"> <itle> angularjs génère dynamiquement l'ID de la div </10 <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </ script> <cript> 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-contrôleur = "idCon" ng-app = "idapp"> <! - ngrepeat: graphique en divides -> <div ng-repeat = "chart in divids"> <div id = "chartid1"> chartid1 </v> </v> <! - fin ngrepeat: chart in divids -> <div ng- repeat = "chart dans" Chart = CHARTEA Divides "> <div id =" chartid3 "> chartid3 </div> </div> <! - end ngrepeat: graphique en divides -> <div ng-repeat =" Chart in divids "> <div id =" chartid3 "> chartid3 </ div> </v> <! - end ngrepeat: chart in divids -> <div ng-reace =" chart in "chart in" <div id = "chartid4"> chartid4 </div> </ div> <! - end ngrepeat: grapt en divids -> <div ng-repeat = "Chart in divids"> <div id = "chartid5"> chartid5 </ divi> </ divid> <! - end ngrepeat: that in divids -> </gody> </html>Ce qui précède est l'analyse du code source d'ID d'AngularJS généré dynamiquement div vous est présenté. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!