Page 49 - AngularJS权威教程

7.2 表单验证 29

'status': 'awake' 1
}] | orderBy:'name':true }}
<!--
[
{"name":"Q","status":"sleeping"}, 2
{"name":"Nate","status":"awake"},
{"name":"Ari","status":"awake"}
] 3
-->
9. uppercase
4
uppercase过滤器可以将字符串转换为大写形式：
{{ "San Francisco is very cloudy" | uppercase }} 5
<!-- SAN FRANCISCO IS VERY CLOUDY -->
7.1 自定义过滤器 6

正如前面所见，创建自定义过滤器非常容易。创建自定义过滤器需要将它放到自己的模块中。
下面我们一起来实现一个过滤器，将字符串第一个字母转换为大写。 7
首先，创建一个模块用以在应用中进行引用（这是一个非常好的实践）：
8
angular.module('myApp.filters', [])
.filter('capitalize', function() {
return function(input) {}; 9
});
过滤器本质上是一个会把我们输入的内容当作参数传入进去的函数。上面这个例子中，我们
在调用过滤器时简单地把input当作字符串来处理。可以在这个函数中做一些错误检查： 10

angular.module('myApp.filters', [])
.filter('capitalize', function() { 11
return function(input) {
// input是我们传入的字符串
if (input) { 12
return input[0].toUpperCase() + input.slice(1);
}
});
13
现在，如果想将一个句子的首字母转换成大写形式，可以用过滤器先将整个句子都转换成小
写，再把首字母转换成大写：
14
<!-- Ginger loves dog treats -->
{{ 'ginger loves dog treats' | lowercase | capitalize }}
15
7.2 表单验证
16
能够根据用户在表单中输入的内容给出实时视觉反馈是非常重要的。在人与人沟通的语境
中，表单验证给出来的反馈同获得正确输入同等重要。
17
表单验证不仅能给用户提供有用的反馈，同时也能保护我们的Web应用不会被恶意或者错误
的输入所破坏。我们要在Web前端尽力保护后端。
18