angularjs
shunzizhan
如果你想更多的关注我,在码云、coding、github、codepen等各种平台都保持相同的昵称【shunzizhan】,或者关注微信订阅号【韶华随记】
展开
-
AngularJS内置指令
由于学习AngularJS的第一步就是写内置指令ng-app以指出该节点是应用的根节点,所以指令早已不陌生。这篇日志简单记录了一些内置指令,先使用起来,再谈一些有趣的东西。内置指令所有的内置指令的前缀都为ng,不建议自定义指令使用该前缀,以免冲突。首先从一些常见的内置指令开始。先列出一些关键的内置指令,顺便简单说说作用域的问题。ng-model将表单控件和当前作用域的属转载 2015-11-20 21:12:06 · 351 阅读 · 0 评论 -
$q服务的API详解
标签:下面我们通过讲解$q的API让你更多的了解promise异步编程模式。$q是做为angularjs的一个服务而存在的,只是对promise异步编程模式的一个简化实现版,源码中剔除注释实现代码也就二百多行,下面开始介绍$q的API。 defer对象(延迟对象)可以通$q.defer()获取,下面是defer对象的api: 方法: resolve(valu转载 2015-12-23 09:07:21 · 463 阅读 · 0 评论 -
AngularJS与RequireJS集成方案
阅读目录一、简单事例的项目目录如下:二、首页三、配置mian.js四、手动启动angularjs应用五、网站路由设置六、angular.module七、控制器八、指令关于angularjs、requirejs的基础知识请自行学习一、简单事例的项目目录如下:-index.html-scripts文件夹–controller文件夹转载 2015-12-04 10:09:10 · 886 阅读 · 0 评论 -
datatable排序分页(请求)
datatable排序分页(请求)@(关键字)[angular|datatable|排序|分页]datatable 此文介绍的datatable是基于angular作为语言基础的。其主要包含: - 搜索条件查询引起数据重加载 - 修改每页显示多少条数据引起数据重加载 - 点击数据表的某一个字段因排序引起数据重加载 - 点击分页(首页、上一页、下一页、尾页、自定义输入页码)引起数据重加载dat原创 2015-12-18 17:03:33 · 3007 阅读 · 0 评论 -
表单验证<AngularJs>
常用的表单验证指令 1. 必填项验证某个表单输入是否已填写,只要在输入字段元素上添加HTML5标记required即可: 2. 最小长度验证表单输入的文本长度是否大于某个最小值,在输入字段上使用指令ng-minleng= "{number}": 3. 最大长度验证表单输入的文本长度是否小于或等于某个最大值,在输入字段上使用指令ng-maxlengt转载 2015-12-15 11:01:15 · 535 阅读 · 0 评论 -
angularjs组件之select
概况根据boss的要求,需要封装一些angularjs的组件,本着现学现卖的精神,特此封装了一个粗陋的下拉列表组件。基本功能1.通过后台返回的数据生成默认的select(类似传统的select)2.返回默认的选中项3.自定义默认的选中项(比如添加默认的提示语:“请选择时间”)4.支持复选5.支持搜索6.支持智能提示前端暴露的样式单选<div fdc-select selectdatas原创 2015-11-26 17:41:49 · 1608 阅读 · 0 评论 -
AngularJs过滤器(filter)
过滤器(filter)正如其名,作用就是接收一个输入,通过某个规则进行处理,然后返回处理后的结果。主要用在数据的格式化上,例如获取一个数组中的子集,对数组中的元素进行排序等。ng内置了一些过滤器,它们是:currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制个数)、lowercase(小写)、uppercase(大写)、numbe转载 2015-11-19 10:26:18 · 964 阅读 · 0 评论 -
angular $watch
在scope内置的所有函数中,用得最多的可能就是$watch函数了,当你的数据模型中某一部分发生变化时,$watch函数可以向你发出通知。你可以监控单个对象的属性,也可以监控需要经过计算的结果(函数),实际上只要能够被当作属性访问到,或者可以当作一个JavaScript函数被计算出来,就可以被$watch 函数监控。它的函数签名为$watch(watchFn,watchAction, de转载 2015-11-19 09:41:23 · 564 阅读 · 0 评论 -
理解AngularJS的作用域Scope
概叙:AngularJS中,子作用域一般都会通过JavaScript原型继承机制继承其父作用域的属性和方法。但有一个例外:在directive中使用scope: { ... },这种方式创建的作用域是一个独立的"Isolate"作用域,它也有父作用域,但父作用域不在其原型链上,不会对父作用域进行原型继承。这种方式定义作用域通常用于构造可复用的directive组件。作用域的原型继承是非转载 2015-11-26 17:15:03 · 611 阅读 · 0 评论 -
《AngularJS》5个实例详解Directive(指令)机制
本文整理并扩展了《AngularJS》这本书第六章里面的内容,此书近期即将由电子工业出版社出版,敬请期待口令:Angular 1.一点小说明 指令的作用:实现语义化标签 我们常用的HTML标签是这样的: 一点点内容 而使用AngularJS的directive(指令)机制,我们可以实现这样的东西: 子面板1 子面板2转载 2015-11-18 16:28:08 · 341 阅读 · 0 评论 -
AngularJS的工作机制
个人觉得,要很好的理解AngularJS的运行机制,才能尽可能避免掉到坑里面去。在这篇文章中,我将根据网上的资料和自己的理解对AngularJS的在启动后,每一步都做了些什么,做一个比较清楚详细的解析。 首先上一小段代码(index.html),结合代码我们来看看,angular一步一步都做了些什么。doctype html>html ng-app> head>转载 2015-12-10 10:24:45 · 772 阅读 · 1 评论 -
学习 ui-router - 路由控制
参考原文:https://github.com/angular-ui/ui-router/wiki/URL-Routing在你的应用中大多数状态都有与其相关联的 url,路由控制不是设计完成 state 之后的事后想法,而是开始开发时就应该考虑的问题。这里是如何设置一个基本url。12345$stateProvider .state('cont转载 2015-12-07 10:29:48 · 500 阅读 · 0 评论