Javascript 使用单个函数隐藏多个输入

我试图隐藏输入，我是这样做的：

Javascript:

$scope.show= true;
$scope.showOrNot= function () {
    $scope.show= !$scope.show;
}

在我的html中：

<div class="item" ng-click="showOrNot()">
     <p><b>blablabla</b></p>
</div>
<li class="item" ng-hide="show">
    <input type="text">
</li>

喋喋不休

当我在特定输入之前的div中单击时，将调用showOrNot函数

如果我的页面中有20个输入，我必须在javascript中编写20次相同的函数。您知道如何更有效地解析吗？

您可以将其用作参数并计算函数中的值

<div class="item" ng-click="showOrNot(this)">

您可以将其用作参数并计算函数中的值

<div class="item" ng-click="showOrNot(this)">

---

在输入字段中应用ng类概念。该类变量基于逻辑显示和隐藏所有输入字段

---

在输入字段中应用ng类概念。该类变量基于逻辑显示和隐藏所有输入字段

---

您可以将一个键传递给showOrNot函数，并将该键映射到作用域上的显示/隐藏对象：

angular.module（'app'，[]）
.controller（'exampleController'，函数（$scope）{
$scope.show={}；
$scope.showOrNot=功能（键）{
$scope.show[key]=！$scope.show[key]；
};
});

布拉布拉布拉1



布拉布拉布拉2



布拉布拉布拉3



您可以将一个键传递给showOrNot函数，并将该键映射到作用域上的显示/隐藏对象：


angular.module（'app'，[]）
.controller（'exampleController'，函数（$scope）{
$scope.show={}；
$scope.showOrNot=功能（键）{
$scope.show[key]=！$scope.show[key]；
};
});

布拉布拉布拉1



布拉布拉布拉2



布拉布拉布拉3



请解释你想要发生什么…更详细请解释你想要发生什么…更详细那项工作，我只是有个问题。默认情况下，ng hide为false，我希望默认情况下为true。您是否尝试添加了！藏起来？就像这样：
ng hide=“！show.item2”
那样，我有一个问题。默认情况下，ng hide为false，我希望默认情况下为true。您是否尝试添加了！藏起来？如下所示：
ng hide=“！show.item2”