angular.js滤波器具有动态和缺省值

问题描述

这是我的code，根据。 limitTo 是动态的，从用户输入获取其值。

 ＆LT;脚本＆GT;
   VAR每月= 123.659855，89.645222，97.235644，129.555555]
   功能MyFilterDemoCtrl（$范围）{$ scope.monthly =月;};
＆LT; / SCRIPT＆GT;＆LT;机身NG控制器=MyFilterDemoCtrl＆GT;
 民：其中，输入NG模型=数类型=文本/＆GT;
 ＆LT;李NG重复=每月千兆字节| limitTo：NUM＆GT; {{}千兆}＆LT; /李＆GT;
＆LT;身体GT;
 

我不知道我怎样才能改变 limitTo 过滤这样的

 ＆LT;李NG重复=千兆字节每月| limitTo：monthly.lenght（）或num＆GT;
 

因此​​，当页面加载（输入为空）显示在阵列中的所有项目，并当用户输入号码时，显示的项目适量。

（页面加载，所有项目显示，然后用户类型3，只有第3项出现）

为了让完美，我想知道，当输入超过数组lenght我如何可以打印一个信息给用户。

在此先感谢

修改

code，因为它是现在，不能显示所有项目，然后重新显示用户输入。显示所有页面加载时，唯一的办法就是做

 由$指数月度跟踪千兆字节| limitTo：NUM
 

但随后的用户输入不起作用。我用角1.2.28。我不通过$指数实际获得轨道的概念。再次感谢

解决方案

如果您使用的是棱角分明的版本，直到1.4，你需要做的：

 ＆LT;李NG重复=千兆字节每月| limitTo：NUM || monthly.length＆GT; {{}千兆}＆LT; /李＆GT;
 

\r

\r

angular.module（应用，[]）。控制器（'MyFilterDemoCtrl ，MyFilterDemoCtrl）;\r
\r
\r
功能MyFilterDemoCtrl（$范围）{\r
  $ scope.monthly = 123.659855，89.645222，97.235644，129.555555]\r
};

\r

＆LT;脚本SRC =htt​​ps://ajax.googleapis.com/ajax /libs/angularjs/1.2.23/angular.js\"></script>\r
\r
\r
＆LT;机身NG-应用=应用程序NG控制器=MyFilterDemoCtrlNG-的init =VM = {}＆GT;\r
  编号：\r
  ＆LT;输入NG模型=vm.num类型=文本/＆GT;\r
  ＆LT; UL＆GT;\r
    ＆LT;李NG重复=千兆字节每月| limitTo：由$指数vm.num || monthly.length轨道＆GT; {{}千兆}＆LT; /李＆GT;\r
  ＆LT; / UL＆GT;\r
\r
  ＆LT;身体GT;

\r

\r

\r

使用1.4+它是内部处理的

限制为源代码片段从1.4： -

 如果（Math.abs（编号（限制））===无限远）{
  极限=号（限制）;
}其他{
  极限= toInt（限制）;
}
如果（isNaN（限制））返回输入;
 

所以，你可以只是做你正在做什么：

 ＆LT;李NG重复=每月千兆字节| limitTo：NUM＆GT; {{}千兆}＆LT; /李＆GT;
 

\r

\r

angular.module（应用，[]）。控制器（'MyFilterDemoCtrl ，MyFilterDemoCtrl）;\r
\r
\r
功能MyFilterDemoCtrl（$范围）{\r
  $ scope.monthly = 123.659855，89.645222，97.235644，129.555555]\r
};

\r

＆LT;脚本SRC =htt​​ps://ajax.googleapis.com/ajax /libs/angularjs/1.4.3/angular.js\"></script>\r
\r
\r
＆LT;机身NG-应用=应用程序NG控制器=MyFilterDemoCtrlNG-的init =VM = {}＆GT;\r
  编号：\r
  ＆LT;输入NG模型=vm.num类型=文本/＆GT;\r
  ＆LT; UL＆GT;\r
    ＆LT;李NG重复=千兆字节每月| limitTo：vm.num轨道由$指数＆GT; {{}千兆}＆LT; /李＆GT;\r
  ＆LT; / UL＆GT;\r
\r
  ＆LT;身体GT;

\r

\r

\r

如果您使用的是年底，

i.e.

for 1.4

<li ng-repeat="gigabytes in monthly | limitTo:num track by $index">

or for older versions

<li ng-repeat="gigabytes in monthly | limitTo:num || monthly.length track by $index">

这篇关于angular.js滤波器具有动态和缺省值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！