Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了过滤数字范围:AngularJS大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个带有一些输入类型的表单,如文本,广播等.当我提交表单时,它会在表单下面列出输入的详细信息(使用模板和指令).我想在年龄中进行过滤,即数字输入类型,这样当我给出年龄范围时,它应该过滤具有相应年龄范围的配置文件.以下是plunker:

http://plnkr.co/edit/h8p8rtZuAhCoKClUjgE9?p=preview

<table border="1" style="width:200px">
   <tr>
       <td> <div>Name : {{  formElement.name }} </div><br> </td> 
   </tr>
   <tr>
       <td> <div>Age : {{ formElement.age }}</div><br> </td>
   </tr>

解决方法

您可以编写一个@L_801_6@过滤器函数,按特定字段的范围进行过滤:

$scope.byRange = function (fieldName,minValue,max@R_262_7548@ {
  if (minValue === undefined) minValue = number.min_value;
  if (maxValue === undefined) maxValue = number.max_value;

  return function preDicateFunc(item) {
    return minValue <= item[fieldName] && item[fieldName] <= maxValue;
  };
};

在Ng-repeat表达中使用它:

<div ng-repeat="formElement in formElements | filter:byRange('age',filterModelMin.age,filterModelMax.agE)">

请注意,filterModelMin.age和filterModelMax.age可以直接在fasterDisplay指令中使用,因为fasterForm和fasterDisplay都没有自己的作用域.

示例plunker:http://plnkr.co/edit/dFbBCKxSxm9RI9dwSeYR?p=preview

大佬总结

以上是大佬教程为你收集整理的过滤数字范围:AngularJS全部内容,希望文章能够帮你解决过滤数字范围:AngularJS所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。