enoyao

[AngularJS权威教程 第7章 过滤器filters](http://blog.csdn.net/xufei512/article/details/50390513)

``` .service('OrderFrom', [ function() { var OrderFrom = { browser: { versions: function() { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto:...

**引入JS文件** `` `` **注入模块ngAnimate** var app = angular.module('wsscat', ['ngRoute', 'ngAnimate']); **ng-enter**和**ng-leave** 可以使用`ng-enter`和`ng-leave`，配合使用之后就可以让**ng-view**视图切换的时候产生动画，注意`ng-enter`和`ng-leave`和类名之间组合使用的时候中间是没有空格的 ``` .fad { bottom: 0; padding-top: 200px; position: absolute; text-align: center; top: 0; width: 100%; } @keyframes slideOutLeft...

我么除了可以用ng-XXX的方式来给元素添加动画还可以用JS来触发动画 ``` Ok 123 ``` 同样是药先引入**ngAnimate**模块 `var app = angular.module('wsscat', ['ngAnimate']);` 我们可以用**animation**方法并且使用$animateCss服务来定义过度动画，当然它其实相当于下面这两种过渡动画，只是一个写在js里面一个定义在css里面 `.ng-enter` -> `.ng-enter.ng-enter-active` `.ng-leave` -> `.ng-leave.ng-leave-active` ## JS写法 ``` app.animation(".pop", ["$animateCss", function($animateCss) { return { enter: function(element) {...

## 自定义的手势插件 ``` app.directive('ngWs', function() { return { link: function(scope, ele, attr) { var xStart, xEnd, yStart, yEnd; function direction(xStart, xEnd, yStart, yEnd) { console.log("xStart:" + xStart + "xEnd:" +...

[AngularJS Directive 隔离 Scope 数据交互](https://blog.coding.net/blog/angularjs-directive-isolate-scope?type=early)

html **=**双向数据绑定，注意此时name属性值的变量要带`{{}}` `` js ``` scope: { name:"=" }, ``` html **@**当方向影响，父能影响子，但子不能影响父 `` ``` scope: { name:"@" }, ``` 一定要把绑定的值放在属性上面作为媒介 属性值不能设置为如`data-name`的`data-`前缀的值 如果是设置为abc-name等格式 组件里面scope属性传递的对象，里面的name属性值要遵守驼峰的写法 ``` scope: { name:"@abcName" }, ```

``` {{new.abstract}} 查看更多 var app = angular.module('wsscat', []); app.controller('homeCtrl', ['$scope', '$http', function($scope, $http) { $scope.text = '123'; function getNews() { $http.get('baiduApi.php',{ keyword:'体育', page:1, count:40 }).success(function(data) { console.log(data); console.log(data.retData.data); console.log(data.retData.data[0]); $scope.news...

``` ```

**1.**[angular.element英文官网原版文档](https://docs.angularjs.org/api/ng/function/angular.element) DOM结构如下： `213` 首先用JS原生的选择器，然后再传入angular.element方法里面再去调用相关的函数操作节点 ``` var a = document.getElementById('text'); console.log(angular.element(a).html()); ``` - addClass()-为每个匹配的元素添加指定的样式类名 - after()-在匹配元素集合中的每个元素后面插入参数所指定的内容，作为其兄弟节点 - append()-在每个匹配元素里面的末尾处插入参数内容 - attr() - 获取匹配的元素集合中的第一个元素的属性的值 - bind() - 为一个元素绑定一个事件处理程序 - children() - 获得匹配元素集合中每个元素的子元素，选择器选择性筛选 -...