javascript - AngularJS ng-显示具有多个元素的一个条件

Question

我有三个带有“showMe” bool 值的 ng-click 的 div。他们的段落有一个评估“showMe”的 ng-show。

我的问题是，如何使用一个条件来显示我单击的 div 上的段落？换句话说，如果我单击第一个 div，我应该只会看到“1”，“2”和“3”段落应该保持隐藏。 ng-repeat 不是本练习的选项。

这是一个 JSBin:

http://jsbin.com/kiwicipabago/1/edit

谢谢。

Answer 1

你可以这样做:

<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>