ng-click angularjs后显示元素

时间:2014-05-06 12:43:52

标签: angularjs element show

我正在为任务寻找角度解决方案:

想象一下,我们有很多行,比如

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

我想要的只是显示第二个跨度并在点击第一个跨度后首先隐藏。

P.S。真的不想在这个问题上使用jQuery。

1 个答案:

答案 0 :(得分:2)

在视图中:

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

在控制器中:

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

阅读documentation about ngShow

工作演示:http://plnkr.co/edit/FEZ5JDfVfeWKSGOHjBSy?p=preview