随笔 - 381
文章 - 0
评论 - 11
阅读 -
57万
05 2015 档案
--@angularJS--一个简单的UI-Router路由demo
摘要:1、index.html: UI-Router路由demo aaaaaaaaaaaaaaa bbbbbbbbbbbbbbb2、app.js:var myModule = angular.module("routerApp",['ui.router']);myModule...
阅读全文
ui-router---$stateProvider
摘要:转自:http://blog.csdn.net/violet_day/article/details/17515157$stateProvider$stateProvider.state(stateName, stateConfig)Creates a new application state. ...
阅读全文
【angularjs】【学习心得】ng-class总结
摘要:原文:http://www.imooc.com/wenda/detail/236998今天来说一点angularjs中看起来很简单但是实践起来又有不少问题的ng-class吧---------------------------------------------------------------...
阅读全文
【angularjs】【学习心得】路由继续研究篇
摘要:原文:http://www.imooc.com/wenda/detail/236998其实路由的功能是比较复杂的,我们实际应用中页面的状态也是非常多的,上面简单的路由是肯定不能满足我们的需求的,所以我们必须要更深入地了解下路由以及它更有用的一些用法。-------------------------...
阅读全文
【angularjs】【学习心得】路由实战篇
摘要:今天还是来说一下angular中的路由模块。我们实际项目中,各个页面的切换是经常会与Auth相关的。比如我网站的后台,是需要登录过的用户才能进去,那么我们用angularJS做前端路由的时候应该怎么完成这个功能呢--------------------------------------------...
阅读全文
【angularjs】【学习心得】路由基础篇
摘要:原文:http://www.imooc.com/wenda/detail/236998AngularJS自带有路由模块ngRoute,但是有经验的老师都推荐我们使用功能更完善更强大的ui-router来做路由。那到底什么是路 由呢?我自己的理解是:路由可以看作一个总控制器,它会根据页面的不同状态来填...
阅读全文
--@angularJS--指令之单个点击展开demo
摘要:1、expander.html: 单击展开demo {{text}} 2、expander.js:var myModule = angular.module("app",[]);myModule.directive('expander',function(){ return { re...
阅读全文
--@angularJS--自定义服务与后台数据交互小实例
摘要:1、myService.html: 自定义服务与后台数据交互 用户名 {{user.name}} 2、myService.js:var myModule = angular.module("app",[]);myModule.service('userListServi...
阅读全文
--@angularJS--$http服务与后台数据交互
摘要:1、httpBasic.html: $http与后台数据交互 {{user.name}} 2、httpBasic.js:var myModule = angular.module("app",[]);myModule.controller('loadDataCtrl', ['$...
阅读全文
要做理想的程序员(好文)
摘要:原创作者:2shou 原文:http://kb.cnblogs.com/page/521320/ 我算是靠坑蒙拐骗进了程序员的门,然后一路狂奔。26 岁之前几乎没有任何写代码的经验,研究生毕业却意外选择了一家不可能提供培训的初创公司,在每日担忧公司倒闭、害怕被炒鱿鱼以及同事冷落白眼的三重压力下逆流而...
阅读全文
--@angularJS--模板加载之缓存模板demo
摘要:不用缓存模板的写法如下:1、index.html: directive-templateUrl 2、hello.js:var myModule = angular.module("app",[]);myModule.directive('hello',function(){ return {...
阅读全文
--@angularJS--独立作用域scope绑定策略之&符策略
摘要:1、index.html: scopeAt 2、scopeAnd.js:var myModule = angular.module("app",[]);myModule.controller('myCtrl', ['$scope', function($scope){ $scope.sa...
阅读全文
--@angularJS--独立作用域scope绑定策略之=符策略
摘要:1、index.html: scopeEqual 控制器中的内容: 指令中的内容: 2、scopeEqual.js:var myModule = angular.module("app",[]);myModule.controller('myCtrl', ['$scope', functi...
阅读全文
--@angularJS--独立作用域scope绑定策略之@符策略
摘要:1、index.html: scopeAt 2、scopeAt.js:var myModule = angular.module("app",[]);myModule.controller('myCtrl', ['$scope', function($scope){ $scope.ctrlF...
阅读全文
--@angularJS--指令与指令之间的交互demo
摘要:1、index.html: custom-directive 动感超人+力量 动感超人+力量+速度 动感超人+力量+速度+发光 2、directive-directive.js:var myModule = angular.module("app",[]);myModule...
阅读全文
--@angularJS--指令与控制器之间较复杂的交互demo2
摘要:1、index.html: custom-directive 滑动加载 滑动加载2、directive-controller2.js:var myModule = angular.module("app",[]);myModule.controller('myCtrl', ['$scope...
阅读全文
--@angularJS--指令与控制器之间的交互demo
摘要:1、index.html: custom-directive 滑动加载2、directive-controller.js:var myModule = angular.module("app",[]);myModule.controller('myCtrl', ['$scope', func...
阅读全文
--@angularJS--较复杂的指令嵌套demo——综合小实例:登陆界面
摘要:1、index.html: custom-directive 用户名: 密码: 登录 取消 2、directive-form.js:var myModule = angular.module("app",[]);myModule.directive('control'...
阅读全文
--@angularJS--简单的带嵌套的指令demo
摘要:custom-directive Lucy
阅读全文
--@angularJS--一个最简单的指令demo
摘要:custom-directive
阅读全文
《AngularJS》5个实例详解Directive(指令)机制
摘要:《AngularJS》5个实例详解Directive(指令)机制本文整理并扩展了《AngularJS》这本书第六章里面的内容,此书近期即将由电子工业出版社出版,敬请期待口令:Angular1.一点小说明指令的作用:实现语义化标签我们常用的HTML标签是这样的: 一点点内容而使用AngularJ...
阅读全文
angularjs入门学习【指令篇】
摘要:原文 http://blog.csdn.net/xpf_show/article/details/36233465 一、首先我们来了解下指令API含义restrict申明标识符在模版中作为元素,属性,类,注释或组合,如何使用priority设置模版中相对于其他标识符的执行顺序Template指定一个...
阅读全文
--@angularJS--综合小实例1
摘要:综合小实例剩余字数:{{remaining()}} / 140输入的是:发送清除
阅读全文
--@angularJS--angular与BootStrap3的应用
摘要:angularJS与BootStrap3是最佳搭档.1、Form.html: 双向数据绑定 邮箱: 密码: 自动登录 获取Form表单的值 设置Form表单的值 重置表单 2、Form.js:var userInfoM...
阅读全文
--@angularJS--ng-show应用
摘要:本篇给出ng-show的示例代码,以供参考.1、NgShow.html: Toggle Menu Stun Disintegrate Erase from history 2、NgShow.js:var myCSSModule = angular.module('MyCSSModule', ...
阅读全文
--@angularJS--浅谈class与Ng-Class的应用
摘要:1、angularjs的表达式是可以写在class里面动态改变其值的,写法如下:□、CSS1.html: 测试CSS样式 //注意这里的class="text-{{color}}"这个class写法,text-后面的angular表达式变量 绿色 □、CSS1.css:.text-red { ...
阅读全文
--@angularJS--路由插件UI-Router
摘要:UI-Router是angular路由插件,上一篇我们讲到了angularJS自带路由,可惜在路径嵌套上表现的有所欠缺,而angular-UI-Router插件正好弥补了这一点。[示例]:□、UIRoute3.html: //先写总的路由文件 //用angular-ui-router.js...
阅读全文
--@angularJS--路由、模块、依赖注入
摘要:以下是演示angular路由切换的demo.主页:index.html BookStore 模板文件(html碎片文件)tpls/:hello.html:{{greeting.text}},AngularbookList.html: 书名:{{book.title}}作者:{{...
阅读全文
Bootstrap兼容IE8
摘要:使用BootStrap3.x写的公司一个响应式项目在IE下面错误百出,经过一番折腾。全部解决了IE8下的兼容问题。 这里汇总一下,希望对大家有所帮助。1. Bootstrap UI整体在IE8下变窄,进而组件摆放论套问题出在IE8不支持@media ,而Bootstrap的一大优势Responsiv...
阅读全文
METRO风格
摘要:METRO风格是指微软在WINDOWS PHONE 7中新加入的界面风格,并且计划将其用于windows8中的开始菜单界面。该界面的特点是简洁高效,每一个METRO图标都没有边框,形状有点像地铁站中的指示牌
阅读全文
jQuery插件placeholder的使用方法
摘要:借助该插件可以轻松实现HTML5中placeholder特效:实例代码如下:
阅读全文