ng-hide显示AngularJS中的单击事件

Question

我的index.html中有一个最初必须隐藏的div：

<div class="autocomplete" ng-show="div_show" ng-controller="SearchController">

当我点击搜索链接上的菜单时，我需要显示div，基本上是

ng-show="true"

所以在我的链接上我定义了类似的内容：

<a class="list-group-item"  ng-click="show()"><i class="fa fa-search fa-fw"></i>&nbsp; Search</a>

在我的控制器中功能：

$scope.div_show = false;
$scope.show =function(){
    $scope.div_show = true;
    console.log($scope.div_show);
    alert($scope.div_show);


}

当我点击链接时，我将警报值设置为＆＃39; true＆＃39;但div仍然隐藏，

有什么建议吗？谢谢!!!

Answer 1

要切换ng-show元素，只需在菜单按钮上指定以下指令：

ng-click="div_show = !div_show"

所有这一切都会在div_show和true之间切换false的值。

Here's a plunker进行完整演示。

Answer 2

尝试这样的事情：

 <a href="#" class="list-group-item"  ng-click="div_show = true">
     <i class="fa fa-search fa-fw"></i>&nbsp; Search
 </a>

这将确保页面不会再次加载，并且我将div_show设置为true，只有它在范围内。