随笔分类 -  angularJs

摘要:箭头函数的使用,我们在做VUE或者angular项目的时候,定义的函数,很多时候会有作用域的问题,特别是在进行异步请求的时候,就必须使用到箭头函数: 最简单的箭头函数: 异步请求使用箭头函数: 单独函数使用箭头函数: 阅读全文
posted @ 2018-11-26 11:42 帅到要去报警 阅读(1266) 评论(0) 推荐(0)
摘要:angularjs 的post 请求该如何调用? 简单示例: 上面这种方法还是有些问题,携带的参数并不能发送给后台。结果为null,这是因为要转换为 form data: 可以参考: 解决示例: 阅读全文
posted @ 2018-04-08 16:31 帅到要去报警 阅读(4205) 评论(0) 推荐(0)
摘要:在做 angualr 的开发过程中,经常会用到的就是 ajax 请求。下面是 get 请求示例: 如果存在多个 get 请求可以考虑进行封装下: 上面只是一个简单的示例; 阅读全文
posted @ 2018-04-08 16:28 帅到要去报警 阅读(1235) 评论(0) 推荐(0)
摘要:angular 可以自定义一些指令,来简化我们前端的工作量。 第一种:简单指令示例: JS示例: 第二种:引入外部文件: JS示例: 第三种:使用script标签模板: JS示例: 自定义指令的不同实现方式: 当以类名形式编写时,还必须在定义指令时添加restrict属性 (使用属性和标签的方式时不 阅读全文
posted @ 2018-04-03 17:01 帅到要去报警 阅读(1152) 评论(0) 推荐(0)
摘要:前面有说过 ng-ui-route 使用 script 标签来做,但是很多时候,会通过引入模板页面的方式来实现: 具体代码: 在做一些测试的时候,很容易报这个错误: 看上面有个 ...Controller :说明是控制器加载的错误。 原因:看上面的代码,可以看到每个模块是有一个控制器在控制的,所以在 阅读全文
posted @ 2018-04-03 16:26 帅到要去报警 阅读(510) 评论(0) 推荐(0)
摘要:考虑到 多视图等因素,所以 angular 的路由考虑使用 ng-ui-route来做,而不使用 ng-route来做! 阅读全文
posted @ 2018-04-03 16:19 帅到要去报警 阅读(318) 评论(0) 推荐(0)
摘要:ng-class是一个判断是否给某一个元素添加类名的属性: 例如:下面是判断 是否添加 aHover 这个类名: 具体JS: 阅读全文
posted @ 2018-04-03 16:15 帅到要去报警 阅读(681) 评论(0) 推荐(0)
摘要:无刷新做分页参考地址: 示例代码: 阅读全文
posted @ 2018-03-19 12:48 帅到要去报警 阅读(316) 评论(0) 推荐(0)
摘要:示例:angularjs 里面一个简单的 http 服务: 阅读全文
posted @ 2018-03-06 11:34 帅到要去报警 阅读(152) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2018-03-05 10:49 帅到要去报警 阅读(233) 评论(0) 推荐(0)
摘要:angularJS 路由:(分发需求) angularJS 中路由是单独提供的功能模块,ngRoute 也是一个单独发行的文件 可以通过 npm 去安装这个包:angular-route 做路由的配置: 配置路由的规则就是:什么样的请求,就找到什么样的控制器; when就是"当"的意思,”当“这个的 阅读全文
posted @ 2017-07-23 00:35 帅到要去报警 阅读(304) 评论(0) 推荐(0)
摘要:angularJS过滤器: filter currency date filter json limitTo lowercase number orderBy uppercase ...... Filter过滤器: 过滤器的主要用途就是一个格式化 / 筛选数据的小工具; 一般用于服务端存储的数据转换 阅读全文
posted @ 2017-07-23 00:02 帅到要去报警 阅读(227) 评论(0) 推荐(0)
摘要:ng-repeat 指令: ng-repeat 指令用来遍历一个数组重复创建当前元素; 案例二: 在这个例子中,Models中有: $id:10 item:Objet $index:1 $first:false $last:false $middle:true $even:false $odd:tr 阅读全文
posted @ 2017-07-22 15:26 帅到要去报警 阅读(1408) 评论(0) 推荐(0)
摘要:指令:Directive angularJS 有一套完整的,可拓展的,用来帮助web应用开发的指令集; 在建立DOM期间,和HTML关联着的指令会被检测到,并被执行; 在angularJS中将前缀为 ng- 这种属性称之为指令,其作用就是为DOM元素调用方法,定义行为绑定数据等; 简单说:当一个an 阅读全文
posted @ 2017-07-22 00:42 帅到要去报警 阅读(293) 评论(0) 推荐(0)
摘要:angularJS的表达式很像Javascript里的表达式:它可以包含文字,运算符和变量; angularJS 表达式: - 数字:{{100+100}} - 字符串:{{‘hello’+'angular'}} - 对象 :{{user.name}} - 数组:{{student[10]}} 在表 阅读全文
posted @ 2017-07-21 22:44 帅到要去报警 阅读(1176) 评论(0) 推荐(0)
摘要:使用 angular JS 的时候,把 angularJS 放到文件底部,在渲染页面的时候,会出现闪一下的情况: 解决办法一:使用 ng-cloak 由于执行会很快,通常的做法是通过类来控制: 解决方法二:将angular.js的引入放到head前,提前加载; 解决方法三:使用 ng-bind 阅读全文
posted @ 2017-07-21 22:33 帅到要去报警 阅读(1117) 评论(0) 推荐(1)
摘要:mvc 思想: 将应用程序的组成,划分为三个部分:model , controller 和 view ; - 控制器的作用是用来初始化模型用的; - 模型就是用于存储数据的; - 视图是展示数据的; 例如:登录案例: 模型: - 我们数据库中存储所有的用户信息 - 接受控制器传过来的用户名和密码进行 阅读全文
posted @ 2017-07-21 14:46 帅到要去报警 阅读(311) 评论(0) 推荐(0)
摘要:使用初体验:ng 双向数据绑定: 最简单的双向数据绑定:(使用默认模块控制) 完成对数据的初始化: 注意:angularJs默认的是双向数据绑定,单项数据绑定 {{::ngName}} 使用自定义模块控制:(完成对数据的初始化) 还可以这样: angularJs降低了大量的dom操作: 案例一:实现 阅读全文
posted @ 2017-07-21 11:52 帅到要去报警 阅读(313) 评论(0) 推荐(0)