Javascript 如何仅在用户使用过滤器时显示ng重复元素

只有当用户使用一些过滤器时，我才知道如何显示我的元素

例如：

$scope.elements = [{name : 'Pablo', age : 23}, {name : 'Franco', age : 98}];

<input type="text" ng-model="searchText" />
<div ng-repeat="element in elements | filter:searchText">
      <p>{{ element.name }}</p>
</div>

$scope.elements=[{name:'Pablo'，年龄：23}，{name:'Franco'，年龄：98}]；
{{element.name}

在这里，如果用户没有写入输入类型文本标记，我不想显示过滤列表。 或与“输入类型”复选框相同，单选，选择标记

我能做的就是使用ng show指令

<div ng-repeat="element in elements | filter:searchText" ng-show="searchText.length > 0">
      <p>{{ element.name }}</p>
</div>

{{element.name}

但这似乎并不合法

还有更好的主意吗？或者很明显，是本机解决方案

---

提前谢谢。

如果代码在满足条件之前无法运行，则可以使用ng

<div ng-repeat="element in elements | filter:searchText" ng-if="searchText.length > 0">
      <p>{{ element.name }}</p>
</div>

{{element.name}

如果代码在满足条件之前无法运行，则可以使用ng

<div ng-repeat="element in elements | filter:searchText" ng-if="searchText.length > 0">
      <p>{{ element.name }}</p>
</div>

{{element.name}

如果代码在满足条件之前无法运行，则可以使用ng

<div ng-repeat="element in elements | filter:searchText" ng-if="searchText.length > 0">
      <p>{{ element.name }}</p>
</div>

{{element.name}

如果代码在满足条件之前无法运行，则可以使用ng

<div ng-repeat="element in elements | filter:searchText" ng-if="searchText.length > 0">
      <p>{{ element.name }}</p>
</div>

{{element.name}

请检查此项

$scope.elements = [{name : 'Pablo', age : 23}, {name : 'Franco', age : 98}];

<input type="text" ng-model="searchText.name" />
<div ng-repeat="element in elements | filter:searchText">
      <p>{{ element.name }}</p>
</div>

$scope.elements=[{name:'Pablo'，年龄：23}，{name:'Franco'，年龄：98}]；
{{element.name}

希望这能奏效。

请检查一下

$scope.elements = [{name : 'Pablo', age : 23}, {name : 'Franco', age : 98}];

<input type="text" ng-model="searchText.name" />
<div ng-repeat="element in elements | filter:searchText">
      <p>{{ element.name }}</p>
</div>

$scope.elements=[{name:'Pablo'，年龄：23}，{name:'Franco'，年龄：98}]；
{{element.name}

希望这能奏效。

请检查一下

$scope.elements = [{name : 'Pablo', age : 23}, {name : 'Franco', age : 98}];

<input type="text" ng-model="searchText.name" />
<div ng-repeat="element in elements | filter:searchText">
      <p>{{ element.name }}</p>
</div>

$scope.elements=[{name:'Pablo'，年龄：23}，{name:'Franco'，年龄：98}]；
{{element.name}

希望这能奏效。

请检查一下

$scope.elements = [{name : 'Pablo', age : 23}, {name : 'Franco', age : 98}];

<input type="text" ng-model="searchText.name" />
<div ng-repeat="element in elements | filter:searchText">
      <p>{{ element.name }}</p>
</div>

$scope.elements=[{name:'Pablo'，年龄：23}，{name:'Franco'，年龄：98}]；
{{element.name}

---

希望这能起作用。

为什么

ng repeat

+

ng show

不合法？你有用于dis的JSFIDLE吗？这看起来太棘手了，因为angular应该有一个本机指令来完成这项工作。没有jsfiddle为什么

ng repeat

+

ng show

不合法？你有一个用于dis的jsfiddle吗？这看起来太棘手了，因为angular应该有一个本机指令来完成这项工作。没有jsfiddle为什么

ng repeat

+

ng show

不合法？你有一个用于dis的jsfiddle吗？这看起来太棘手了，因为angular应该有一个本机指令来完成这项工作。没有jsfiddle为什么

ng repeat

+

ng show

不合法？你有一个用于dis的jsfiddle吗？这看起来太棘手了，因为angular应该有一个本机指令来完成这项工作。不要偷懒