在ng-repeat内的ng-click中显示隐藏div
在ng-repeat内的ng-click中显示隐藏div
提问于 2013-05-21 09:37:37
我正在开发一个Angular.js应用程序，它可以过滤医疗程序的json文件。我希望在使用ng-click单击过程名称(在同一页面上)时显示每个过程的详细信息。这就是我到目前为止所拥有的，将.procedure-details div设置为display:none：
<ul class="procedures">
<li ng-repeat="procedure in procedures | filter:query | orderBy:orderProp">
<h4><a href="#" ng-click="?">{{procedure.definition}}</a></h4>
<div class="procedure-details">
<p>Number of patient discharges: {{procedure.discharges}}</p>
<p>Average amount covered by Medicare: {{procedure.covered}}</p>
<p>Average total payments: {{procedure.payments}}</p>
</div>
</li>
</ul>我是angular的新手。有什么建议吗？
回答 1
Stack Overflow用户
发布于 2013-05-21 09:44:35
使用ng-show并在ng-click处理程序中切换show范围变量的值。
下面是一个有效的示例：http://jsfiddle.net/pvtpenguin/wD7gR/1/
<ul class="procedures">
<li ng-repeat="procedure in procedures">
<h4><a href="#" ng-click="show = !show">{{procedure.definition}}</a></h4>
<div class="procedure-details" ng-show="show">
<p>Number of patient discharges: {{procedure.discharges}}</p>
<p>Average amount covered by Medicare: {{procedure.covered}}</p>
<p>Average total payments: {{procedure.payments}}</p>
</div>
</li>
</ul>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16660826
复制相关文章
相似问题