angular.js - angularjs 如何根据动态id显示div
我在html里面动态设置了p的id代码如下：
<p ng-repeat="item in items">
<p id="{{item.name}}" class="ng-hide"> {{item.name}} </p>
<p>
html解析之后能出来动态id的效果，类似于这样：
<p ng-repeat="item in items">
<p id="name1" class="ng-hide"> name1 </p>
<p id="name2" class="ng-hide"> name2 </p>
<p id="name3" class="ng-hide"> name3 </p>
<p>我想要动态的控制这些p显示还是不显示。我在js里面写了这样的代码：
html:
<input type="button" ng-click="show(item.name)">
js:
$scope.show=function(name){
document.getElementById(name).style.display = "block";
}结果并没有实现我想要的效果，还是每次点击都会显示三个p。有什么办法能实现我想要的效果么？
