随笔分类 -  Angular

angular路由——ui.route
摘要：angular路由 使用案例 路由控制器使用 注：不需要在html中定义控制器 $state服务 实现路由中转 判断用户是否登录，若未登录，则跳转到登录页面 $stateParams 在dota路由处加上{id}，显示数据id 模板处加上 ，实现 跳转到dota路由，并显示id 父子嵌套路由 将父级 阅读全文
posted @ 2017-01-06 00:37 孙凯亮 阅读(695) 评论(0) 推荐(0)
angular服务二
摘要：angular服务 $http 实现客户端与服务器端异步请求 get方式 post方式 去Network下的XHR下查看结果 方式一 方式二 get请求简写 自定义服务（factory） 自定义服务（service） 阅读全文
posted @ 2017-01-04 16:35 孙凯亮 阅读(161) 评论(0) 推荐(0)
angular服务一
摘要：angular服务 [$apply()] jquery内数据绑定 要用$apply(),不然不能在js内通过angular绑定数据 $window $timeout,相当于js中的setTimeout $interval,相当于js中的setInterval $window,相当于js中的windo 阅读全文
posted @ 2017-01-04 14:32 孙凯亮 阅读(154) 评论(0) 推荐(0)
angualr 实现tab选项卡功能
摘要：tab.html time.html 父元素ng repeath后，子元素ng repeat才有效 阅读全文
posted @ 2016-12-30 23:32 孙凯亮 阅读(411) 评论(0) 推荐(0)
angular作用域分析
摘要：angualr作用域 Scope 控制器作用域的继承特性Ⅰ 绑定的数据是变量 单向隔离（兄弟之间互不影响，父子之间单向继承） 父级控制器的数据绑定会影响到子级控制器 前提是子控制器内没有绑定数据 单向原理：当我们改变子控制器数据时，其会在子控制器内部动态添加 控制器作用域的继承特性Ⅱ 绑定的数据是对 阅读全文
posted @ 2016-12-29 18:14 孙凯亮 阅读(346) 评论(0) 推荐(0)
angular指令深度学习篇
摘要：angular指令深度学习 过滤器 limitTo 由上述代码片段不难看出结果： 。 number currency lowercase、uppercase date orderBy filter orderBy实例 点击表格标题时，表格内容会根据 进行排序 自定义过滤器 实现将手机号后面相应位数替 阅读全文
posted @ 2016-12-28 02:02 孙凯亮 阅读(396) 评论(0) 推荐(0)
Angular指令渗透式理解
摘要：通过一段时间对angular指令的使用，理解了angular指令的意义，下面逐一介绍一下。 ng-app：定义一个angualr模块，表示angular作用的范围，如下代码： ng-app在html标签上使用时，表示angular作用于整个html页面，而在body上使用时表示作用于整个body n 阅读全文
posted @ 2016-12-21 12:10 孙凯亮 阅读(275) 评论(0) 推荐(0)
Angular双向数据绑定MVVM以及基本模式分析
摘要：MVVM: angular的MVVM实现的是双向数据绑定，模型从服务器端抓取到数据，将数据通过控制器（controller）传递到视图（view）显示，视图数据发生变化时同样也会影响到模型数据的变化，这既是双向数据绑定。 $scope便是视图模型，controller的作用便是view与model之 阅读全文
posted @ 2016-12-20 13:47 孙凯亮 阅读(784) 评论(0) 推荐(0)
Angular自定义指令（directive）
摘要：angular自定义指令，意我们可以通过angula自己定义指令，来实现我们的特殊要求,为所欲为，一支穿云箭，千军万马来相见 多少年的老规矩了，先看代码: transclude transclude可以将被替换掉的文本内容显示到指定位置，用法如下： transclude: true; ng-tran 阅读全文
posted @ 2016-12-19 19:16 孙凯亮 阅读(363) 评论(1) 推荐(1)
Angular作用域的层级概念(scope)
摘要：首先引入 angular 的根作用域：$rootScope ng-app:定义了angualr的作用域 ng-controller:定义了控制器 $scope定义了视图与控制器之间的纽带，而scope本身是垂直继承的，当子作用域没有定义，便会找父作用域，逐层往上找直到根作用域 $rootScope. 阅读全文
posted @ 2016-12-18 02:37 孙凯亮 阅读(912) 评论(0) 推荐(0)
Angular实现注册系统
摘要：Angular是Google开发的前端技术框架，下载地址：https://code.angularjs.org/1.5.0/angular.js 通过对angular的简单理解后发现，angular通过一些简单的指令即可实现对DOM元素的操作，其特色为双向数据绑定 下面，让我们通过angualr来实 阅读全文
posted @ 2016-12-17 18:06 孙凯亮 阅读(988) 评论(0) 推荐(0)
初识Angular
摘要：AngularJS有着诸多特性，最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入，等等。 官网地址：http://angularjs.org 中文网站：http://www.apjs.net AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的 阅读全文
posted @ 2016-12-11 23:08 孙凯亮 阅读(237) 评论(0) 推荐(0)