1. Latar belakang masalah
Diberi objek array, ID div; Loop untuk menghasilkan elemen div dan menetapkan nilai ID
2. Menerapkan kode sumber
<! Doctype html> <html> <head> <meta charset = "utf-8"> <title> AngularJs secara dinamis menghasilkan id dari div </itement> <skrip src = "http://apps.bdimg.com/libs" </lrips.js/1.4.6/angular.min.min.min.min 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. Mencapai hasil
<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: no- no ! penting;} ng/: form {display: block;}. ng-animate-shim {visibilitas: tersembunyi;}. ng-anchor {position: absolute;} </style> <meta charset = "utf-8"> <title> angularjs secara dinamis menghasilkan id div </title> <title> script <title> secara dinamis menghasilkan id dari div </title> script> 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-controller = "idcon" ng-app = "idApp"> <!-ngrepeat: chart in divids-> <div ng-repeat = "chart in divids"> <div id = "chartId1"> chartId1 </div> </div> <!-end ngrepeat: chartId1 "> chartId1 </div> </div> <! ID = "ChartId3"> ChartId3 </div> </div> <!-end Ngrepeat: chart in divids-> <div ng-repeat = "chart in divids"> <div id = "chartid3"> chartId3 </div> </div> <!-end Ngrepeat: chartId in divids-> <divr> </div> <! ID = "ChartId4"> ChartId4 </div> </div> <!-end ngrepeat: chart in divids-> <div ng-repeat = "chart in divids"> <div id = "chartId5"> chartId5 </div> </div> <!-end ngrepeat: chartId in divids-> </body> ht> ht>Di atas adalah analisis kode sumber ID dari AngularJS yang dihasilkan secara dinamis div yang diperkenalkan kepada Anda. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!