Question

我正在开发一个基于AngularJS的应用程序。

我想在过滤器打开时删除按钮。可以任何人请为我检查下面的代码？

<input type="text" placeholder="Filter/Search" ng-model="mtgFilter">

<div ng-repeat="items in elements | filter:mtgFilter">
   {{items.name}}
</div> 

<input type="Button" value="Save" ng-show="mtgFilter == ''" />

此致新鲜

Answer 1

添加@ squiroid的话

<input type="text" placeholder="Filter/Search" ng-model="$parent.mtgFilter">

<div ng-repeat="items in elements | filter:mtgFilter">
   {{items.name}}
</div> 

<input type="Button" value="Save" ng-show="$parent.mtgFilter == ''" />

应该有效..

Answer 2

通过过滤器是否意味着在过滤器文本框中输入了一些文本？然后，您可以使用mtgFilter模型来决定隐藏哪些按钮以及要显示哪些按钮。

ng-show="mtgFilter == ''"

应该可以正常工作。

Answer 3

嘿，这里是你问题的答案： - ）

 <li ng-hide="(elements | filter:mtgFilter).length != elements.length">Save</li>

以下是适合你的工作plunker

如何在angularJS中启用过滤器时显示或隐藏？

3 个答案: