随笔分类 -  angularjs

angularjs中的表单验证
摘要：angular对html原生的form做了封装，增加了很多验证功能 1.代码结构 2.如果要使用angular的表单验证，首先要确保表单必须要有一个name的属性所有的输入字段都可以进行基本验证，比如最大，最小长度等。这些功能都由H5的表单属性提供，如果想要屏蔽浏览器对于表单默认的验证行为，可以在表 阅读全文
posted @ 2017-05-18 23:13 陆漫漫 阅读(1435) 评论(0) 推荐(0)
angularjs中的指令
摘要：一、指令与控制器之间的交互：通过指令中的link函数来实现 二、指令与指令间的交互： 三、示例说明 1.自定义指令下的link函数有四个参数：scope，element，attrs和ctrl(关联ctrl) 2.require：请求另外的controller，传入当前directive的link 函 阅读全文
posted @ 2017-05-18 22:14 陆漫漫 阅读(215) 评论(0) 推荐(0)
angularjs中的分页指令
摘要：自定义指令 页面中调用 页面中获取数据的方法是queryList，go-page的时候把currentpage作为传递过去即可发送请求，取得想要的结果。 controller中需要传入初始化的数据 阅读全文
posted @ 2017-05-16 21:22 陆漫漫 阅读(1355) 评论(0) 推荐(0)
angularjs中的排序和过滤
摘要：页面效果： 说明：1.在输入框中输入姓名或年龄，可以对表格内的数据做过滤 2.点击姓名，可以对姓名字段做排序。排序方式可逆转。 3.点击年龄，可以对年龄字段做排序。排序方式可逆转。 代码实现： 阅读全文
posted @ 2017-05-13 19:24 陆漫漫 阅读(1597) 评论(0) 推荐(0)
angularjs写日期组件
摘要：在main模块中封装指令，其他模块都可以调用 在html页面中调用指令： 在main模块中定义一个service，用于获取时间： 在页面的controller中调用service，获取时间作为发送请求的参数： 阅读全文
posted @ 2017-05-05 18:06 陆漫漫 阅读(1976) 评论(0) 推荐(0)
看angularjs项目的一些知识记录
摘要：这两天项目组长在安排我学习用angularjs+Echarts做的项目代码，边看边记录吧，给自己留个总结 1.Angularjs中UI Router文档 2.Angularjs中Material的使用 3.requirejs文档 几个指令特点记录 1.ng-value中可以写表达式 2.当我们点击c 阅读全文
posted @ 2017-04-18 22:52 陆漫漫 阅读(553) 评论(0) 推荐(0)
AngularJS 指令的 Scope (作用域)
摘要：每当一个指令被创建的时候，都会有这样一个选择：是继承自己的父作用域（一般是外部的Controller提供的作用域或者根作用域（$rootScope）），还是创建一个新的自己的作用域。AngularJS为指令的scope参数提供了三种选择，分别是：false,true，{}。 scope = fals 阅读全文
posted @ 2017-04-18 21:37 陆漫漫 阅读(368) 评论(0) 推荐(0)
anguljs select默认选中去除空格
摘要：写一个获取省市的下拉框，向后端请求数据，默认选中第一行 后端返回数据格式： 前端代码结构 service代码 阅读全文
posted @ 2017-04-14 17:42 陆漫漫 阅读(429) 评论(0) 推荐(0)
Angularjs中UI Router用法小记录
摘要：今天自己参考已有的项目代码学习了下UI Router的用法，写了个小demo，验证了下自己的想法，现把使用情况记录一下。 1.入口文件index.html，引入项目所需的js文件，标注ng-app，创建ui-view元素，为后面的嵌套做容器准备。 2.配置路由index.js文件。根据入口的ng-a 阅读全文
posted @ 2017-03-23 15:26 陆漫漫 阅读(201) 评论(0) 推荐(0)
restangular一点用法小记录
摘要：1.Restangular依赖Lo-Dash或Underscore，因此为了确保Restangular可以正常运行，需要引入这两个库中的一个。 2.项目中用Restangular： 3.Restangular的方法测试 前端请求页面 后端处理请求页面 打印结果： 总结： ①、Restangular的 阅读全文
posted @ 2017-03-22 16:50 陆漫漫 阅读(5118) 评论(0) 推荐(0)
angular实现多个div的展开和折叠
摘要：代码： 如图： 阅读全文
posted @ 2016-09-22 19:27 陆漫漫 阅读(5097) 评论(0) 推荐(0)
对于Angular JS中$apply()的理解
摘要：最近在学angularjs知识，在网上找到这篇文章，来自于：http://my.oschina.net/u/1402334/blog/500683，解决了我目前面临的一些问题，感觉收获很大，特此转过来做个记录： Angular最引人注目的特性就是双向绑定，然而它是怎么做到的，可以总结成两点： 将变化 阅读全文
posted @ 2016-04-08 17:31 陆漫漫 阅读(337) 评论(0) 推荐(0)