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

浙公网安备 33010602011771号