angularjs插件模块.pptVIP

使用插件三步： 一：通过script标签引入插件。 二：注入到module的依赖列表上。 三：注入服务，使用服务的方法。 ngCookies var myApp = angular.module("myApp", ["ngCookies"]); myApp.controller("NavCtr", ["$cookieStore", function ($cookieStore) { $cookieStore.put("AngularJs", "xcccc"); var xx = $cookieStore.get("AngularJs"); (xx); }]); $cookieStore 有三个方法 ： 1:get(key) 获取cookie 2:put(key,value) 设置cookie 3:remove(key) 移除cookie 使用AngularJs Cookie 获取 cookie 时，获取的这个cookie 必须 是 AngularJs cookie 设置的cookie ，如果不是会抛异常 ngAnimate AngularJS 使用动画需要引入 angular-animate.min.js 库。 <script src="angular-animate.min.js"></script> ngAnimate 直接添加在模型中 var app = angular.module('myApp', ['ngAnimate']); AngularJS 添加/移除 class 的指令: ng-show ng-hide ng-class ng-view ng-include ng-repeat ng-if ng-switch ngRoute AngularJS 路由允许我们通过不同的 URL 访问不同的内容。 通过 AngularJS 可以实现多视图的单页Web应用（single page web application，SPA）。 通常我们的URL形式为 /first/page，但在单页Web应用中 AngularJS 通过 # + 标记 实现，例如： /#/first /#/second /#/third 当我们点击以上的任意一个链接时，向服务端请的地址都是一样的 (/)。 因为 # 号之后的内容在向服务端请求时会被浏览器忽略掉。 所以我们就需要在客户端实现 # 号后面内容的功能实现。 AngularJS 路由 就通过 # + 标记 帮助我们区分不同的逻辑页面并将不同的页面绑定到对应的控制器上。 1、载入了实现路由的 js 文件：angular-route.js。 2、包含了 ngRoute 模块作为主应用模块的依赖模块。 angular.module('routingDemoApp',['ngRoute']) 3、使用 ngView 指令。 <div ng-view></div> 该 div 内的 HTML 内容会根据路由的变化而变化。 4、配置 $routeProvider，AngularJS $routeProvider 用来定义路由规则。 module.config(['$routeProvider', function($routeProvider){ $routeProvider .when('/',{template:'这是首页页面'}) .when('/computers',{template:'这是电脑分类页面'}) .when('/printers',{template:'这是打印机页面'}) .otherwise({redirectTo:'/'}); }]); ngResource 应用$resource 我们并不是直接通过$resource服务本身同服务器通信，$resource是一个创建资源对象的工厂，用来创建同服务端交互的对象。 var User = $resource('/api/users/:userId', {userId:'@id'}); 返回的User对象包含了同后端服务进行交互的方法，我们可以把User对象理解成同RESTFul的后端服务进行交互的接口。 该对象包含两个get类型的方法，三个非get类型的方法。 User.get({id:'123'}, successFn, errorFn); 该方法向url发送一个get请求，并期望一个json类型的响应。这里会向/api/users/123发送一个请求，successFn处理请求成功响应，errorFn处理错误。 User.query(params, successFn, errorFn) 同ge