1。問題の背景
配列オブジェクトが与えられた場合、divのID; div要素を生成し、ID値を割り当てるループ
2。ソースコードを実装します
<！doctype html> <html> <head> <meta charset = "utf-8"> <title> angularjsはdivのIDを動的に生成します</title> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/Angular.jin.jin.jin.jin.jin 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 = "div in divids"> <div id = "{{chart.divid}}}"> {{chart.divid}}}} </div> </html> </html> </body3。結果を達成します
<html> <head> <style type = "text/css">@charset "utf-8"; [ng/：cloak]、[ng-cloak]、[x-cloak]、[x-ng-cloak]、 ！重要;} ng/：form {display：block;}。ng-animate-shim {visibility：hisdibility：hisdibility;}。ng-anchor {aspose：absolute;} </style> <meta charset = "utf-8"> <title> angularjsはdiv </title> <スクリプトのIDを動的に生成します。 src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </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-controller = "idcon" ng-app = "idapp"> <！ - ngrepeat：ngepeat：div ng-repeat = "チャート=" div-repeat = "chart in divids"> <div div = "chartid1"> chartid1 </div> </divid in divid-divid-<> <<< Divids "> <div id =" chartid3 "> chartid3 </div> </div> <！ - ngrepeat：dividsのチャート - > <div ng-repeat =" divids "> <div id =" chartid3 "> chartid3 </div> div> div> < Divids "> <div id =" chartid4 "> chartid4 </div> </div> <！ - ngrepeat：dividsのチャート - > <div ng-repeat =" divids "> <div id =" chartid5 "> chartid5 </div> </div> <上記は、あなたに導入された動的に生成されたDivのAngularJSのIDソースコード分析です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます！