angular-tutorial

angular-tutorial copied to clipboard

[AngularJS中的Provider们：Service和Factory等的区别](https://segmentfault.com/a/1190000003096933) [AngularJS常用服务（$http、$location、$sce等）](http://blog.csdn.net/vitalemon__/article/details/52163866)

Wscats

ng-touch

1

**引入文件** anguar的单页面页面引入两个脚本，一个angular的框架，一个是触摸的库 `` `` 记得在这里引入ngTouch模块 var app = angular.module('wsscat', ['ngRoute','ngTouch']); **编写路由** ``` .when('/touch', { controller: 'touchCtrl', templateUrl: 'view/touch.html' }) ``` 还要在controller里面把注入$swipe服务，如果我们打印$swipe服务会发现里面只暴露了一个方法**bind**  **touchCtrl控制器** 执行$swipe服务的bind方法，bind方法可以传入三个参数 `function(element, eventHandlers, pointerTypes)` 第一个是获取的节点，可以是directive link方法中获取的element，也可以是原生JS选择器获取的节点，然后放进angular.element函数里面，第二参数是需要监听的触摸动作，总共四个**start**，**move**，**end**和**cancel**，可以在他们对应的函数中获取对应滑动所在的坐标点 ```...

Wscats

[官方文档](https://docs.angularjs.org/api/ngCookies/service/$cookieStore) [My-blog](http://blog.csdn.net/qq_27080247/article/details/51461453)

Wscats

**$cacheFactory**可以用来进行数据在controller之间传递 `var cache = $cacheFactory('wsscat');` 用**$cacheFactory**方法设置一个缓存，并赋给一个对象，该对象拥有下面的这些方法 - put(key,value); - 在缓存对象中插入一个键值对(key,value) - get(key); - 在缓存对象中通过指定key获取对应的值 - romove(key); - 在缓存对象中通过指定key删除对应的值 - removeAll(); - 删除缓存对象中所有的键值对 - destroy(); - 销毁这个缓存对象 - info(); - 获取缓存对象信息（id，size）...

Wscats

[code.angularjs.org](https://code.angularjs.org/1.5.8/)

Wscats

1.ng-options接受一个对象数组 ``` $scope.options = [{ id:'a', name: '表达式' }, { id:'b', name: '指令' }, { id:'c', name: '作用域' }]; ``` 然后进行转换 `option.id as option.name for option in options` 格式为**option标签的value值** as...

Wscats

directive组件作用域

2

- false，继承父作用域（默认值），父能影响子，子也能影响父; - true，继承父作用域，并且创建自己的作用域（子作用域），父能影响子，子不能影响父; - {}，创建一个全新的隔离作用域，父子互不影响；  ``` 父作用域： 组件作用域： var app = angular.module('wsscat', []); app.controller('indexCtrl', function($scope) { $scope.name = 'wsscat'; }) app.directive('wsscat', function() { return { restrict: "EAMC", template:...

Wscats

directive组件化开发

4

``` ```

Wscats

注意点 1.要让`form.user.$error.required`生效，必须在输入框加入H5的属性`required`； 2.`form.email.$dirty`加了这句话可以让第一次进入页面的时候不提示**用户名/邮箱是必须的**，等有输入并输入框为空后再出现提醒 3.form表单的属性**name="user"**对应`form.user`中的**form**，input输入框的属性**name="user"**对应`form.user`中的**user** 4.``表示有输入并且输入的名字是非法内容和有输入并且输入的邮箱是非法内容这两种情况只要满足其中一种就让按钮禁止使用 - $dirty 表单有填写记录 也就是说表单在进入页面前是没有任何填写纪录的，一旦我们做来第一次输入之后，后面这个都判断为是有过填写记录 - $valid 字段内容合法的 - $invalid 字段内容是非法的 如果输入框为空那就属于非法的 - $pristine 表单没有填写记录 ``` wsscat表单认证 span { color: red; } 用户名是必须 邮箱是必须的 非法的邮箱地址 var...

Wscats

angular运用jsonp

1

``` var http = require('http'); var fs = require('fs'); var url = require('url'); var querystring = require('querystring') //console.log(http); http.createServer(function(request, response) { request.setEncoding('utf-8'); //获取请求路径 比如index.html var pathname = url.parse(request.url).pathname; //获取请求参数 例如?callback=JSON_CALLBACK&name=yao...

Wscats