Angularjs慕文龙解答.ppt

Angular的依赖注入实现 依赖注入的三种方式： 1.通过方法参数名声明依赖。 function mycontroller($scope,$timeout){} 2.声明一个数组，依赖列表放数组的前部，注入目标放数组最后一个元素。推荐使用这个方法。 var mycontroller= [$scope,$timeout,function(scope,tout){}] 3.通过$inject属性来声明依赖列表。 var mycontroller=function(scope,tout){}; mycontroller.$inject=[$scope,$timeout]; 一个简单的Service例子 。 var MwlApp = angular.module(MwlApp, [ ]);MwlApp.controller(MwlListCtrl, function ($scope, $http) {? $http（{ method: ’get’， url: ’data.json’ }).success(function(data) {??? $scope.phones = data;? });}); MwlListCtrl: 是一个服务，Angular将MwlListCtrl注入到控制器中，MwlListCtrl当然也依赖于$scope和$http,它们是一样都是被注入器注入进去的。 $http: 封装了ajax服务，实现了后端web服务器的get请求。 自定义的Service 。 angular. module(MyServiceModule, []). service (notify, [$window, function(win) { var msgs = []; return function(msg) { msgs.push(msg); if (msgs.length == 3) { win.alert(msgs.join(\n)); msgs = []; } }; }]); function myController(scope, notifyService) { scope.callNotify = function(msg) { notifyService(msg); }; } myController.$inject = [$scope,notify]; 左边代码中，定义了一个服务notify，这个服务依赖了另外一个服务$window。$window中封装了window对象的方法。 定义了一个控制器myController。并为这个控制器注入了notify服务。在控制器的scope中定义了一个方法callNotify来调用服务。 $inject是依赖注入的一种方式，通过$inject属性来声明依赖列表。 自定义的Service 。 body ng-app=MyServiceModule div ng-controller=myController p 服务测试 /p input ng-init=message=test ng-model=message button ng-click=callNotify(message); NOTIFY /button /div /body MyServiceModule：为应用指定了一个模块myservicemodule，以便调用服务notify. ng-click=callNotify(message);“：为按钮绑定了onclick事件。callNotify方法将响应这个事件，调用服务。 在单击三次按钮之后，会弹出alert。 在注入器的范围内，服务是单例的，而且在需要的时候才会被创建。就是说消息队列在每一个调用服务的地方都是共享的。 六、Filter（过滤器） 过滤器（filter）的作用就是接收一个输入，通过某个规则进行处理，然后返回处理后的结果。主要用在数据的格式化上，例如获取一个数组中的子集，对数组中的元素进行排序等。ng内置了一些过滤器，它们是：currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制个数)、lowercase(小写)、uppercase(大写)、number(数字)、orderBy(排序)。总共九种。 一般在Con