angular.js - angularjs 如何根据动态id显示div

问题描述

问 题

我在html里面动态设置了div的id代码如下：

<div ng-repeat="item in items">
    <div id="{{item.name}}" class="ng-hide"> {{item.name}} </div>
<div>

html解析之后能出来动态id的效果，类似于这样：

<div ng-repeat="item in items">
    <div id="name1" class="ng-hide"> name1 </div>
    <div id="name2" class="ng-hide"> name2 </div>
    <div id="name3" class="ng-hide"> name3 </div>
<div>

我想要动态的控制这些div显示还是不显示。我在js里面写了这样的代码：

html:
<input type="button" ng-click="show(item.name)">
js:
$scope.show=function(name){
    document.getElementById(name).style.display = "block";
}

结果并没有实现我想要的效果，还是每次点击都会显示三个div。有什么办法能实现我想要的效果么？

解决方案

虽然不明白为什么，但是我把class="ng-hide"改成了style=desplay:none就可以了。。。

这篇关于angular.js - angularjs 如何根据动态id显示div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！