1. 문제 배경
배열 객체, div의 ID; 루프는 div 요소를 생성하고 ID 값을 할당하는 루프
2. 소스 코드를 구현하십시오
<! docType html> <html> <head> <meta charset = "utf-8"> <title> angularjs는 div </title> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"의 ID를 동적으로 생성합니다. Angular.Module ( "idapp", []); app.controller ( "idcon", function ($ scope) {$ scope.divids = [{divid : "chartId1"}, {divid : "chartId2"}, {divid : "ChartId3"}, {divid : "ChartId4"}, {ChartId5 "}); </script> </head> <body ng-app = "idapp"ng-controller = "idcon"> <div ng-repeat = "divids in divids"> <div id = "{quart.divid}}"> {{chart.divid}} </body> </html>3. 결과를 달성하십시오
<html> <head> <style type = "text/css">@charset "utf-8"; [ng/: cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak] ,. ng-cloak, .x-ng-cloak, .ng-hide : not (.ng-hide-animate) {ng-hide-animate) {ng-cloak ! 중요;} ng/: form {display : block;}. ng-animate-shim {가시성 : 숨겨 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"}, {ChartId5 "}); </script> </head> <body ng-controller = "idcon"ng-app = "idapp"> <! <!-ngrepeat : divids의 차트-> <div ng-repeat = "divids in divids"> <div id = "ChartId1"> ChartId1 </div> </div> <!-end ngrepeat :> Chart in Chatt in Chatt In Ng-Repeat. Divids "> <div id ="ChartId3 "> ChartId3 </div> </div> <!-End ngrepeat : divids의 차트-> <div ng-repeat ="divids "> <div id ="ChartId3 "> ChartId3 </div> </div> <!-end ngrepeat- <chatt :> divids = in. id = "ChartId4"> ChartId4 </div> </div> <!-End ngrepeat : divids의 차트-> <div ng-repeat = "divids의 차트"> <div id = "ChartId5"> ChartId5 </div> </div>-end ngrepeat : divids in divids --> </html>위의 내용은 동적으로 생성 된 Div가 소개 된 AngularJS의 ID 소스 코드 분석입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!