单击angularjs后显示元素

我正在寻找任务的角度解决方案：

想象一下，我们有很多像这样的行

<tr>
<td>
 <span>click me</span>
 <span style='display: none;'>i'll be shown</span>
</td>
</tr>
...[a lot as the same rows]...

点击我
我会给你看的
…[和同一行一样多]。。。

我只想在单击第一个跨距后显示第二个跨距并隐藏第一个跨距

p、 美国真的不想使用jQuery解决这个问题。

在视图中：

<span ng-click="onItemClicked(currentItem)">click me</span>
<span ng-show="currentItem.isVisible">I'll be shown</span>

读这本书

---

工作演示：

但他需要隐藏第一个span要隐藏您可以添加的第一个元素

单击我

  $scope.onItemClicked = function (item) {
    item.isVisible = true;
  };