如何在点击和隐藏他人时显示特定的div

时间:2017-02-27 13:52:16

标签: angularjs

AngularJS新手。我正在尝试制作4个按钮。当用户点击按钮时,将显示隐藏其他3个DIV的特定div。 这是代码,

public static void main(String[] args)
{    
     State st = new Place();
     Place pl = new Place();           
     st.display();               //display method of class Place will be called       
     pl.display();               //display method of class Place will be called
}

先谢谢。

1 个答案:

答案 0 :(得分:0)

您需要做的第一件事是确保那些ng-clicks有括号来调用控制器/范围上的方法(例如ng-click =“c()”)

如果在控制器/作用域上有一个名为c的方法,则可以设置一个值(例如,您可能有一个名为index的属性,该属性设置为当前活动的div的值)。

每个div都有ng-if =“index == x”,其中x是div的索引。

这是实现您所需要的基本方式,但应该足够。简言之:

<button ng-click="d()"><h5>Button d</h5></button>

var d = function() { index = 4; }
$scope.d = d;

<div ng-if="index == 4">Shown when button d clicked</div>