随笔分类 -  AngularJs

AngularJs的文档、Demo等相关文章
【angularjs】【学习心得】路由继续研究篇
摘要:原文:http://www.imooc.com/wenda/detail/236998其实路由的功能是比较复杂的,我们实际应用中页面的状态也是非常多的,上面简单的路由是肯定不能满足我们的需求的,所以我们必须要更深入地了解下路由以及它更有用的一些用法。-------------------------... 阅读全文
posted @ 2015-05-22 10:13 杨杨0708 阅读(245) 评论(0) 推荐(0)
【angularjs】【学习心得】路由实战篇
摘要:今天还是来说一下angular中的路由模块。我们实际项目中,各个页面的切换是经常会与Auth相关的。比如我网站的后台,是需要登录过的用户才能进去,那么我们用angularJS做前端路由的时候应该怎么完成这个功能呢--------------------------------------------... 阅读全文
posted @ 2015-05-22 10:10 杨杨0708 阅读(666) 评论(1) 推荐(0)
【angularjs】【学习心得】路由基础篇
摘要:原文:http://www.imooc.com/wenda/detail/236998AngularJS自带有路由模块ngRoute,但是有经验的老师都推荐我们使用功能更完善更强大的ui-router来做路由。那到底什么是路 由呢?我自己的理解是:路由可以看作一个总控制器,它会根据页面的不同状态来填... 阅读全文
posted @ 2015-05-22 10:08 杨杨0708 阅读(462) 评论(0) 推荐(0)
--@angularJS--指令之单个点击展开demo
摘要:1、expander.html: 单击展开demo {{text}} 2、expander.js:var myModule = angular.module("app",[]);myModule.directive('expander',function(){ return { re... 阅读全文
posted @ 2015-05-21 17:02 杨杨0708 阅读(1681) 评论(1) 推荐(1)
--@angularJS--自定义服务与后台数据交互小实例
摘要:1、myService.html: 自定义服务与后台数据交互 用户名 {{user.name}} 2、myService.js:var myModule = angular.module("app",[]);myModule.service('userListServi... 阅读全文
posted @ 2015-05-21 14:13 杨杨0708 阅读(527) 评论(0) 推荐(0)
--@angularJS--$http服务与后台数据交互
摘要:1、httpBasic.html: $http与后台数据交互 {{user.name}} 2、httpBasic.js:var myModule = angular.module("app",[]);myModule.controller('loadDataCtrl', ['$... 阅读全文
posted @ 2015-05-21 10:33 杨杨0708 阅读(679) 评论(0) 推荐(0)
--@angularJS--模板加载之缓存模板demo
摘要:不用缓存模板的写法如下:1、index.html: directive-templateUrl 2、hello.js:var myModule = angular.module("app",[]);myModule.directive('hello',function(){ return {... 阅读全文
posted @ 2015-05-20 15:20 杨杨0708 阅读(592) 评论(0) 推荐(0)
--@angularJS--独立作用域scope绑定策略之&符策略
摘要:1、index.html: scopeAt 2、scopeAnd.js:var myModule = angular.module("app",[]);myModule.controller('myCtrl', ['$scope', function($scope){ $scope.sa... 阅读全文
posted @ 2015-05-20 11:51 杨杨0708 阅读(631) 评论(0) 推荐(0)
--@angularJS--独立作用域scope绑定策略之=符策略
摘要:1、index.html: scopeEqual 控制器中的内容: 指令中的内容: 2、scopeEqual.js:var myModule = angular.module("app",[]);myModule.controller('myCtrl', ['$scope', functi... 阅读全文
posted @ 2015-05-20 11:26 杨杨0708 阅读(302) 评论(0) 推荐(0)
--@angularJS--独立作用域scope绑定策略之@符策略
摘要:1、index.html: scopeAt 2、scopeAt.js:var myModule = angular.module("app",[]);myModule.controller('myCtrl', ['$scope', function($scope){ $scope.ctrlF... 阅读全文
posted @ 2015-05-20 10:09 杨杨0708 阅读(279) 评论(0) 推荐(0)
--@angularJS--指令与指令之间的交互demo
摘要:1、index.html: custom-directive 动感超人+力量 动感超人+力量+速度 动感超人+力量+速度+发光 2、directive-directive.js:var myModule = angular.module("app",[]);myModule... 阅读全文
posted @ 2015-05-19 17:34 杨杨0708 阅读(206) 评论(0) 推荐(0)
--@angularJS--指令与控制器之间较复杂的交互demo2
摘要:1、index.html: custom-directive 滑动加载 滑动加载2、directive-controller2.js:var myModule = angular.module("app",[]);myModule.controller('myCtrl', ['$scope... 阅读全文
posted @ 2015-05-19 17:32 杨杨0708 阅读(218) 评论(0) 推荐(0)
--@angularJS--指令与控制器之间的交互demo
摘要:1、index.html: custom-directive 滑动加载2、directive-controller.js:var myModule = angular.module("app",[]);myModule.controller('myCtrl', ['$scope', func... 阅读全文
posted @ 2015-05-19 17:30 杨杨0708 阅读(269) 评论(0) 推荐(0)
--@angularJS--较复杂的指令嵌套demo——综合小实例:登陆界面
摘要:1、index.html: custom-directive 用户名: 密码: 登录 取消 2、directive-form.js:var myModule = angular.module("app",[]);myModule.directive('control'... 阅读全文
posted @ 2015-05-19 17:26 杨杨0708 阅读(556) 评论(0) 推荐(0)
--@angularJS--简单的带嵌套的指令demo
摘要:custom-directive Lucy 阅读全文
posted @ 2015-05-19 17:21 杨杨0708 阅读(811) 评论(0) 推荐(0)
--@angularJS--一个最简单的指令demo
摘要:custom-directive 阅读全文
posted @ 2015-05-19 17:17 杨杨0708 阅读(204) 评论(0) 推荐(1)
《AngularJS》5个实例详解Directive(指令)机制
摘要:《AngularJS》5个实例详解Directive(指令)机制本文整理并扩展了《AngularJS》这本书第六章里面的内容,此书近期即将由电子工业出版社出版,敬请期待口令:Angular1.一点小说明指令的作用:实现语义化标签我们常用的HTML标签是这样的: 一点点内容而使用AngularJ... 阅读全文
posted @ 2015-05-18 11:16 杨杨0708 阅读(198) 评论(0) 推荐(0)
angularjs入门学习【指令篇】
摘要:原文 http://blog.csdn.net/xpf_show/article/details/36233465 一、首先我们来了解下指令API含义restrict申明标识符在模版中作为元素,属性,类,注释或组合,如何使用priority设置模版中相对于其他标识符的执行顺序Template指定一个... 阅读全文
posted @ 2015-05-18 11:14 杨杨0708 阅读(196) 评论(0) 推荐(1)
--@angularJS--综合小实例1
摘要:综合小实例剩余字数:{{remaining()}} / 140输入的是:发送清除 阅读全文
posted @ 2015-05-17 14:01 杨杨0708 阅读(212) 评论(0) 推荐(0)
--@angularJS--angular与BootStrap3的应用
摘要:angularJS与BootStrap3是最佳搭档.1、Form.html: 双向数据绑定 邮箱: 密码: 自动登录 获取Form表单的值 设置Form表单的值 重置表单 2、Form.js:var userInfoM... 阅读全文
posted @ 2015-05-17 13:55 杨杨0708 阅读(258) 评论(0) 推荐(0)