AngularJS ng-显示具有多个元素的一个条件 [英] AngularJS ng-show one condition with multiple elements
问题描述
我有三个带有showMe"布尔值的 ng-click div.他们的段落有一个 ng-show 来评估showMe".
我的问题是,如何使用一个条件在我单击的 div 上显示段落?换句话说,如果我点击第一个 div,我应该只看到1",2"和3"段落应该保持隐藏.ng-repeat 不是本练习的选项.
这是一个 JSBin:
http://jsbin.com/kiwicipabago/1/edit
谢谢.
你可以这样做:
<div ng-controller="AppCtrl"><div class="box" ng-click="showMe = 1"><p ng-show="showMe ==1">1</p><div class="box" ng-click="showMe = 2"><p ng-show="showMe==2">2</p>
<div class="box" ng-click="showMe = 3"><p ng-show="showMe ==3">3</p>
I have three divs with an ng-click with a "showMe" boolean. Their paragraphs have an ng-show that evaulates "showMe".
My question is, how can I use one condition to show the paragraph on the div I click? In other words, if I click the first div, I should only see "1", the "2" and "3" parapgraphs should stay hidden. ng-repeat is not an option for this exercise.
Here's a JSBin:
http://jsbin.com/kiwicipabago/1/edit
Thank you.
You can do like this :
<div ng-app="app">
<div ng-controller="AppCtrl">
<div class="box" ng-click="showMe = 1">
<p ng-show="showMe ==1">1</p>
</div>
<div class="box" ng-click="showMe = 2">
<p ng-show="showMe==2">2</p>
</div>
<div class="box" ng-click="showMe = 3">
<p ng-show="showMe ==3">3</p>
</div>
</div>
这篇关于AngularJS ng-显示具有多个元素的一个条件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!