Fatal编程技术网
  • angularjs/
  • Angularjs 仅在筛选时显示ng重复

Angularjs 仅在筛选时显示ng重复

angularjs

Angularjs 仅在筛选时显示ng重复,angularjs,Angularjs,我想使用 ng repeat=“对象中的obj |过滤器：搜索文本” 但它应该只在用户给搜索文本赋值后才显示结果。 它不应该列出页面加载本身的值 提前感谢：）您可以在ng repeat元素上使用ng show=searchtext 试试这个片段 函数ListCrtl（$scope）{ $scope.items=[1,2,3,4,5]； } {{item} 您可以在ng repeat元素上使用ng show=searchtext 试试这个片段 函数ListCrtl（$scope）{ $scope

我想使用 
ng repeat=“对象中的obj |过滤器：搜索文本”

但它应该只在用户给搜索文本赋值后才显示结果。 它不应该列出页面加载本身的值

提前感谢：）

您可以在
ng repeat
元素上使用
ng show=searchtext

试试这个片段 
函数ListCrtl（$scope）{
$scope.items=[1,2,3,4,5]；
}


{{item}
您可以在
ng repeat
元素上使用
ng show=searchtext

试试这个片段 
函数ListCrtl（$scope）{
$scope.items=[1,2,3,4,5]；
}


{{item}


有这样的情况


ng-if="searchtext" ng-repeat="obj in object | filter :searchtext"


示例：


<!doctype html>
<html ng-app="docsSimpleDirective">
  <head>
<script type="text/javascript" src="http://code.angularjs.org/1.2.13/angular.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
  <body>

<div ng-controller="Ctrl">
  <input type="search" class="form-control" placeholder="Rechercher" data-ng-model="search" />

  <div ng-if="search" ng-repeat="departement in depatements | filter:search">
  <pre>{{departement}}</pre>
  </div>

</div>


  </body>
</html>



有这样的情况吗


ng-if="searchtext" ng-repeat="obj in object | filter :searchtext"


示例：


<!doctype html>
<html ng-app="docsSimpleDirective">
  <head>
<script type="text/javascript" src="http://code.angularjs.org/1.2.13/angular.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
  <body>

<div ng-controller="Ctrl">
  <input type="search" class="form-control" placeholder="Rechercher" data-ng-model="search" />

  <div ng-if="search" ng-repeat="departement in depatements | filter:search">
  <pre>{{departement}}</pre>
  </div>

</div>


  </body>
</html>