DDR爱好者之家

AngularJS 过滤器的简单实例
站长资源 2025/9/16 佚名
69 1538
DDR爱好者之家 Design By 杰米

AngularJS 过滤器

过滤器可以使用一个管道字符（|）添加到表达式和指令中。

AngularJS 过滤器

AngularJS 过滤器可用于转换数据：

过滤器 描述 currency 格式化数字为货币格式。 filter 从数组项中选择一个子集。 lowercase 格式化字符串为小写。 orderBy 根据某个表达式排列数组。 uppercase 格式化字符串为大写。

表达式中添加过滤器

过滤器可以通过一个管道字符（|）和一个过滤器添加到表达式中。.

(（下面的两个实例，我们将使用前面章节中提到的 person 控制器）)

uppercase 过滤器将字符串格式化为大写：

AngularJS 实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="/UploadFiles/2021-04-02/angular.min.js">


 运行结果：


 姓名为   DOE


 lowercase 过滤器将字符串格式化为小写：




AngularJS 实例





<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="/UploadFiles/2021-04-02/angular.min.js">


 运行结果：


姓名为  doe


 currency 过滤器




currency 过滤器将数字格式化为货币格式：




AngularJS 实例





<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="/UploadFiles/2021-04-02/angular.min.js">


 运行结果：


数量:  价格: 


总价 = $9.99




向指令添加过滤器




过滤器可以通过一个管道字符（|）和一个过滤器添加到指令中。




orderBy 过滤器根据表达式排列数组：




AngularJS 实例





<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="/UploadFiles/2021-04-02/angular.min.js">


运行结果：


循环对象：


    
  
  • Kai, Denmark
    • 
  
  • Jani, Norway
    • 
  
  • Hege, Sweden
    • 



过滤输入




输入过滤器可以通过一个管道字符（|）和一个过滤器添加到指令中，该过滤器后跟一个冒号和一个模型名称。




filter 过滤器从数组中选择一个子集：




AngularJS 实例





<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="/UploadFiles/2021-04-02/angular.min.js">





运行效果：


输入过滤：




    
  
  • KAI, Denmark
    • 
  
  • JANI, Norway
    • 
  
  • HEGE, Sweden
    • 



以上就是对AngularJS 过滤器的知识整理，后续继续补充,有需要的朋友可以参考下。


                                

                                

                                     

                                
DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

昨天有一位朋友在大神群里分享，自己亚服账号被封号之后居然弹出了国服的封号信息对话框。

这里面让他访问的是一个国服的战网网址，com.cn和后面的zh都非常明白地表明这就是国服战网。

而他在复制这个网址并且进行登录之后，确实是网易的网址，也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情，因为以前都没有出现这样的情况，现在突然提示跳转到国服战网的网址，是不是说明了简体中文客户端已经开始进行更新了呢？

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米