<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){
display:none !important;}ng\:form{display:block;}
.ng-animate-shim{visibility:hidden;}
.ng-anchor{position:absolute;}</style>
<meta charset=
"UTF-8"
>
<title>angularJS动态生成p的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
.pIds = [
{pId:
"chartId1"
},
{pId:
"chartId2"
},
{pId:
"chartId3"
},
{pId:
"chartId4"
},
{pId:
"chartId5"
}
];
});
</script>
</head>
<body ng-controller=
"idCon"
ng-app=
"idApp"
class
=
"ng-scope"
>
<!-- ngRepeat: chart in pIds --><p ng-repeat=
"chart in pIds"
class
=
"ng-scope"
>
<p id=
"chartId1"
class
=
"ng-binding"
>chartId1</p>
</p><!--
end
ngRepeat: chart in pIds --><p ng-repeat=
"chart in pIds"
class
=
"ng-scope"
>
<p id=
"chartId2"
class
=
"ng-binding"
>chartId2</p>
</p><!--
end
ngRepeat: chart in pIds --><p ng-repeat=
"chart in pIds"
class
=
"ng-scope"
>
<p id=
"chartId3"
class
=
"ng-binding"
>chartId3</p>
</p><!--
end
ngRepeat: chart in pIds --><p ng-repeat=
"chart in pIds"
class
=
"ng-scope"
>
<p id=
"chartId4"
class
=
"ng-binding"
>chartId4</p>
</p><!--
end
ngRepeat: chart in pIds --><p ng-repeat=
"chart in pIds"
class
=
"ng-scope"
>
<p id=
"chartId5"
class
=
"ng-binding"
>chartId5</p>
</p><!--
end
ngRepeat: chart in pIds -->
</body></html>