ng-hide 在 AngularJS 中显示点击事件答案

【问题标题】：ng-hide show on-click event in AngularJSng-hide 在 AngularJS 中显示点击事件
【发布时间】：2014-07-28 01:31:07
【问题描述】：

我的 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);


}

当我点击链接时，我将警报值设置为“true”，但 div 仍然隐藏，

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

【问题讨论】：

【解决方案1】：

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

ng-click="div_show = !div_show"

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

Here's a plunker 获取完整演示。

【讨论】：

【解决方案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，前提是它在范围内。

【讨论】：