首页 > PHP资讯 > HTML5培训技术 > AngularJS动态生成div的ID

AngularJS动态生成div的ID

HTML5培训技术
1、问题背景

给定一个数组对象,里面是p的id;循环生成p元素,并给id赋值

2、实现源码

					AngularJS动态生成p的ID		<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.pIds = [					{pId:"chartId1"},					{pId:"chartId2"},					{pId:"chartId3"},					{pId:"chartId4"},					{pId:"chartId5"}				];			});		《script》				

{{chart.pId}}

3、实现结果

				angularJS动态生成p的ID		<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.pIds = [					{pId:"chartId1"},					{pId:"chartId2"},					{pId:"chartId3"},					{pId:"chartId4"},					{pId:"chartId5"}				];			});		《script》				

chartId1

chartId2

chartId3

chartId4

chartId5

以上就是AngularJS动态生成p的ID的内容,更多相关内容请关注PHP中文网(www.php1.cn)!

相关文章:

AngularJS实现动态编译添加到dom中的方法

AngularJs 动态加载模块和依赖

AngularJS实现给动态生成的元素绑定事件的方法

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持7不支持0