AngularJs 过滤器演示 (function () { , []); () { return function(input, uppercase) { input ; ; ) { out out; } if (uppercase) { out = out.toUpperCase(); } return out; }; }); mainApp.controller(($scope) { $scope.greeting ; }]); })() No filter: {{greeting}} Reverse: {{greeting|reverse}} Reverse + uppercase: {{greeting|reverse:true}}

　　具体的运行效果：点击此运行

　　前面例子中的实现方式并不是我们在实际开发中推荐的方式，因为上面的例子都是把所有的前端逻辑都放在一个Html文件里面，这不利于后期的维护。一旦业务逻辑一复杂，这个Html文件将会变得复杂，导致跟踪问题和fix bug难度变大。在后端开发过程中，我们经常讲职责单一，将功能相似的代码放在一起。前端开发也同样可以这样做。对应的模块化框架有：RequireJs、SeaJs等。

也可以使用AngularJs内置的模块化来更好地组织代码结构。具体的代码请到本文结尾进行下载。这里给出一张采用模块化开发的截图：

 　　到这里，本文的所有内容就结束了，在后面的一篇文章中，我将分享使用AngularJs实现一个简易的权限管理系统。

　　更多内容参考：

　　AngularJS 教程

　　 AngularJs官网

　　本文所有源码下载：AngularJsQuickStart