显示和隐藏不按照预期使用`ng显示`

我想要show和hide搜索字段。为此，我正在使用单个函数并传递选项。它只有show搜索字段，但我无法将其隐藏起来。显示和隐藏不按照预期使用`ng显示`

这里有什么问题？

这里是我的代码：

var app = angular.module('plunker', []); 

app.controller('MainCtrl', function($scope) { 

    $scope.showSearch = false; 

    $scope.searchHandler = function (option) { 

     $scope.showSearch = option; 

    } 

});

HTML：

<a ng-href="" ng-click="searchHandler('true')">Show</a> 

    <div> 

     <span ng-show="showSearch"> 
     <input type="text" name="quickSearch" id="quickSearch" value="Search" /> 
     </span> 



    </div> 

    <a ng-href="" ng-click="searchHandler('false')">Hide</a>//not working

Live Demo

来源

2015-09-18 user2024080

你必须给假不是 '假' 的showSearch功能显示

<div> 

    <span ng-show="showSearch"> 
    <input type="text" name="quickSearch" id="quickSearch" value="Search" /> 
    </span> 



</div> 

<a ng-href="" ng-click="searchHandler(false)">Hide</a>

来源

2015-09-18 15:07:32 hic1086

的同样的事情为真 – hic1086

是的，作品。因为'真正'的价值为我工作。所以我认为这个问题不是因为布尔。 – user2024080

字符串“false”是truthy。字符串“真”也是真实的。 –

删除searchHandler（'false'）调用中'false'的单引号。

即

您目前有：NG-点击= “searchHandler（ '假'）”

更改为：NG-点击= “searchHandler（假）”

来源

2015-09-18 15:08:25 pantuofermo

你必须传递一个布尔值而不是一个字符串，所以你只需要去掉引号

<a ng-href="" ng-click="searchHandler(false)">Hide</a>

来源

2015-09-18 15:09:19 cullimorer

删除单引号字符。应该searchHandler(false)和searchHandler(true)

来源

2015-09-18 15:17:18 Dejan

更简单，可彻底清除功能，只需拨动布尔：

<a ng-click="showSearch = !showSearch">Hide</a>

<a ng-click="showSearch = false">Hide</a>

来源

2015-09-18 15:25:17 charlietfl

删除单引号应该工作

<!DOCTYPE html> 
<html ng-app="plunker"> 

<head> 
<meta charset="utf-8" /> 
<title>AngularJS Plunker</title> 
<script>document.write('<base href="' + document.location + '" />');  </script> 
<link rel="stylesheet" href="style.css" /> 
<script data-require="[email protected]" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js" data-semver="1.4.5"></script> 
<script src="app.js"></script> 
</head> 

<body ng-controller="MainCtrl"> 

<a ng-href="" ng-click="searchHandler('true')">Show</a> 

<div> 

    <span ng-show="showSearch"> 
    <input type="text" name="quickSearch" id="quickSearch" value="Search" /> 
    </span> 



</div> 

<a ng-href="" ng-click="searchHandler(false)">Hide</a> 

</body> 

</html>

来源

2015-09-18 15:52:06

显示和隐藏不按照预期使用`ng显示`

回答

相关问题