1. Antecedentes do problema
Dado um objeto de matriz, o ID da div; loop para gerar o elemento div e atribuir o valor de identificação
2. Implementar código -fonte
<! Doctype html> <html> <head> <meta charset = "utf-8"> <title> angularjs gera dinamicamente o id do div </title> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.min.nin.jjs/libs/angular.js/1.4.6/angular.min.min. angular.module ("idapp", []); App.Controller ("IDCON", função ($ scope) {$ scope.divids = [{divid: "ChartId1"}, {divid: "ChartId2"}, {divid: "ChartId3"}, {divid: "ChartId4"}, {Divid: "Chartid5"}]; </script> </head> <corpo ng-app = "iDApp" ng-controller = "idcon"> <div ng-repeat = "Chart in divids"> <div id = "{{Chart.divid}}"> {{Chart.divid.3. Alcance os resultados
<html> <head> <style type = "text/css">@charset "utf-8"; [ng/: manto], [ng-cloak], [data-ng-cloak], [x-ng-cloak], ng-cloak, .x-ng-cloak, .ng-hide: não (.ng-hide-hide-hide-hide ! importante;} ng/: formulário {display: block;}. ng-animate shim {visibilidade: hidden;}. ng-{position: absoluto;} </style> <meta charset = "utf-8"> <title> angularjs gera dinamicamente o id da div. </title> <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", função ($ scope) {$ scope.divids = [{divid: "ChartId1"}, {divid: "ChartId2"}, {divid: "ChartId3"}, {divid: "ChartId4"}, {Divid: "Chartid5"}]; </script> </ad Head> <corpo ng-controller = "idcon" ng-app = "iDApp"> <!-nGREPEAT: gráfico em Divids-> <div ng-repeat = "Chart em Divids"> <Div Id = "ChartId1"> Divids "> <div id =" ChartId3 "> Chartid3 </div> </div> <!-End NGREPEAT: Gráfico em Divids-> <Div ng-repeat =" Chart in Divids "> <div id =" ChartId3 "> Chartid3 </div> <!-end ngrepeat: Chart3"> id = "ChartId4"> ChartId4 </div> </div> <!-End NGREPEAT: Gráfico em Divids-> <Div ng-repeat = "Gráfico em Divids"> <div Id = "ChartId5"> Chartid5 </div> </div> <!O exposto acima é a análise do código -fonte do ID do AngularJS gerado dinamicamente a Div introduzida em você. Espero que seja útil para você. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a você a tempo. Muito obrigado pelo seu apoio ao site wulin.com!