AngularJS基础知识笔记之过滤器_AngularJS

来源：动视网责编：小采时间：2020-11-27 21:38:10

AngularJS基础知识笔记之过滤器_AngularJS

AngularJS基础知识笔记之过滤器_AngularJS:过滤器是用来更改修改数据，并且可以在表达式或使用管道符指令将其归入。以下是常用的过滤器的列表。 S.No. 名称描述 1 大写转换文本为大写文本。 2 小写转换文本为小写文本。 3 货币货币格式格式文本。 4 过滤器过滤数组中它根据所提供的标准的一个子集

推荐度：

点击下载本文 文档为doc格式

导读AngularJS基础知识笔记之过滤器_AngularJS:过滤器是用来更改修改数据，并且可以在表达式或使用管道符指令将其归入。以下是常用的过滤器的列表。 S.No. 名称描述 1 大写转换文本为大写文本。 2 小写转换文本为小写文本。 3 货币货币格式格式文本。 4 过滤器过滤数组中它根据所提供的标准的一个子集

过滤器是用来更改修改数据，并且可以在表达式或使用管道符指令将其归入。以下是常用的过滤器的列表。

S.No. 名称描述
1 大写转换文本为大写文本。
2 小写转换文本为小写文本。
3 货币货币格式格式文本。
4 过滤器过滤数组中它根据所提供的标准的一个子集。
5 排序排序提供标准的基础数组。大写过滤器

添加大写的过滤器使用管道符的表达式。在这里，添加了大写过滤器，全部用大写字母打印学生姓名。

小写过滤器

添加小写的过滤器，使用管道符的表达式。在这里添加小写过滤器，以小写字母打印学生姓名。

货币滤波器

加币过滤器使用管道符返回数的表达式。在这里，我们添加了过滤器，货币使用货币格式的打印费用。

过滤器的过滤器

要仅显示所需的主题，我们使用subjectName作为过滤器。

排序过滤器

要通过标记排序主题，我们使用orderBy标记。

Subject:


 
 {{ subject.name + ', marks:' + subject.marks }}

例子

下面的例子将展示上述所有的过滤器。

testAngularJS.html



Angular JS Filters


AngularJS Sample Application


Enter first name: 
Enter last name: 
Enter fees: 
Enter subject: 




Name in Upper Case: {{student.fullName() | uppercase}}
Name in Lower Case: {{student.fullName() | lowercase}}
fees: {{student.fees | currency}}
Subject: 

 
 {{ subject.name + ', marks:' + subject.marks }}
 





function studentController($scope) {
 $scope.student = {
 firstName: "Mahesh",
 lastName: "Parashar",
 fees:500,
 subjects:[
 {name:'Physics',marks:70},
 {name:'Chemistry',marks:80},
 {name:'Math',marks:65}
 ],
 fullName: function() {
 var studentObject;
 studentObject = $scope.student;
 return studentObject.firstName + " " + studentObject.lastName;
 }
 };
}

以上所述就是本文的全部内容了，希望大家能够喜欢。

AngularJS基础知识笔记之过滤器_AngularJS

推荐度：

点击下载本文 文档为doc格式

标签：笔记过滤器 angularjs

热门焦点

AngularJS基础知识笔记之过滤器_AngularJS

AngularJS基础知识笔记之过滤器_AngularJS

AngularJS Sample Application

AngularJS基础知识笔记之过滤器_AngularJS

最新推荐

猜你喜欢

热门推荐

Name in Upper Case:	{{student.fullName() \| uppercase}}
Name in Lower Case:	{{student.fullName() \| lowercase}}
fees:	{{student.fees \| currency}}
Subject:	{{ subject.name + ', marks:' + subject.marks }}