AngularJS动态生成div的ID

最新推荐文章于 2023-05-09 19:52:50 发布

翱翔天地

最新推荐文章于 2023-05-09 19:52:50 发布

阅读量1.1w

点赞数 1

分类专栏： AngularJS JavaScript 文章标签： angularjs JavaScript

本文链接：https://blog.csdn.net/you23hai45/article/details/52348078

版权

本文探讨了在AngularJS中如何根据给定的数组对象动态生成并为div元素设置ID。通过循环遍历数组，每个div元素的ID得以正确赋值。

摘要由CSDN通过智能技术生成

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.min.js"></script>
		<script>
			var app = angular.module("idApp",[]);
			app.controller("idCon",function($scope){
				$scope.divIds = [
					{divId:"chartId1"},
					{divId:"chartId2"},
					{divId:"chartId3"},
					{divId:"char