スライド iles.cnblogs.com.pptVIP

创建服务 provider(name, Objcet or constructor()) 一个可配置的服务，创建的逻辑比较复杂。 如果传递一个Objcet作为参数，那么这个Object必须带有一个名为$get的函数，这个函数需要返回服务的名字；否则，Angular会认为传递的是一个构造函数，调用构造函数会返回服务实例对象。 factory(name, $getFunction()) 一个不可配置的服务，创建逻辑比较复杂。 需要指定一个函数，当调用这个函数的时候，会返回服务的实例。 可以把它看成provider(name, {$get: $getFunction()}) service(name, constructor()) 一个不可配置的服务，创建逻辑比较简单。 与上面provider函数的constructor参数类似，Angular调用它可以创建服务实例。 liujj@golden-tech 模块依赖 使用Module接口来定义模块之间的依赖关系。 如果打算使用第三方包中所提供的服务或者指令，它们一般会带有自己的模块。由于你的应用会依赖这些模块，所以需要在应用模块中定义依赖关系才能引用它们。 例：引用（假象）模块SnazzyUIWidgets和SuperDataSync var appMod = angular.module(‘app’, [‘SnazzyUIWidgets’, ‘SuperDataSync’]); liujj@golden-tech 使用过滤器格式化数据 可以用过滤器来声明应该如何变换数据格式，然后再显示给用户 过滤器的语法 {{ expression | filterName : parameter1 : ...parameterN }} 例： {{ 12.9 | currency }} ? $12.90 Angular内置的其他过滤器还有date、number、uppercase等 在绑定过程中，可以用管道符号把过滤器连接起来 例： {{ 12.9 | number:0 | currency }} ? $13.00 liujj@golden-tech 自定义过滤器 // 首字母大写过滤器 p{{pageHeading | titleCase}}/p var homeModule = angular.module(HomeModule, []); homeModule.filter(titleCase, function(){ var titleCaseFilter = function(input) { var words = input.split( ); for (var i = 0; i words.length; i++) { words[i] = words[i].charAt(0).toUpperCase() + words[i].slice(1); }; return words.join( ); }; return titleCaseFilter; }); function HomeController ($scope) { $scope.pageHeading = behold the majesty of your page title; } liujj@golden-tech 使用路由和$location切换视图 虽然从技术上来说AJAX应用确实是单页面应用，但是很多时候，出于各种原因，我们需要为用户展示或者隐藏一些子页面视图。我们可以利用Angular的$route服务来管理这种场景。 利用路由服务来定义这样一种东西：对于浏览器所指向的URL，Angular将会加载并显示一个模板，并实例化一个控制器来为模板提供内容。 可以通过调用$routeProvider服务上的函数来创建路由，把需要创建的路由当成一个配置块传给这些参数即可。 liujj@golden-tech var aMailServices = angular.module(AMail, []);function emailRouteConfig ($routeProvider) { $routeProvider.when(/, { controller: ListController, templateUrl: list.html }).when(/view/:id, { controller: DetailController, templateUrl: detail.html }).otherwise({