AngularJS路由之ui-router三 一、为ui-router添加进度条在使用动态控制器或者ajax,添加数据的时候需要进度条提示,我们可以使用路由状态的事件添加全局进度条提示$stateChangeStart:当状态开始改变时触发$stateChangeSuccess:当状态改变结束时触发二、实例1,创建一个进度条指令更多:AngularJS路由之ui-router(二)AngularJS路由之ui-router(一)
angular 自定义 scroll事件 在众多事件中,angular1.x对于scroll事件好像并不咋地,但是最近项目上要用到这玩意儿,所以就自己写了一个,那么下面来说一下我的思路先说一下功能的需求吧一个div里面包了很多个div,外面的div是可以的滚动的,而根据滚动到不同的区块时,每个内在的div要浮现出一块部分然后说一下我的思路:1.获取每一个悬浮模块的高度--divHeight2.将所有高度累加成一个新的数组--heightA
Angularjs $watch使用方法 $watch是一个scope函数,用于监听模型变化,当你的模型部分发生变化时它会通知你。如果我们希望监控user对象属性发生变化,有两个做法。varwatch=$scope.$watch{具体代码就不全部写了。去掉监听方法如下:varwatch=$scope.$watch{if{return;}$scope.updated++;$scope.$broadcast;},true);//去掉监听。watch();在系统中使用事件广播。好处在于实现代码的重用。
AngularJS发送异步Get/Post请求 AngularJS发送异步Get/Post请求1.在页面中加入AngularJS并为页面绑定ng-app和ng-controller2.添加必要的控件并绑定相应的事件3.在JS脚本中发送进行Get/Post请求getpost4.由Controller处理请求并返回结果getpost5.由JShttp请求的回调函数处理并执行下一步操作HTMLsbt.js
去掉angularjs路由的#,node为服务器 是angular路由的特征,但是有时候我们由于种种原因不愿意去使用它。参考这篇资料之后,http://blog.fens.me/angularjs-url/发现无法解决。解决了两个问题:去掉#刷新页面时仍然能匹配到对应的路由angular代码在angular应用配置中添加:在首页应用中添加:base('/')基本上网上能查到的这两步都有,但是用node做服务器的时候服务器端的处理才是最重要的。然后将url中/后面的内容交给angularjs路由处理。比如:在刷新页面后,localhost:3000/log
angularjs的控制器写法规范 一般我们写angularjs的控制器会使用下面这种写法。varapp=angular.module;app.controller;如果在不启用js压缩的情况下是没有问题的,因为框架根据变量名识别$scope,如果启用压缩了,就认不得了,所以最好还是通过注入的方式写控制器。
webpack工具链热替换 -- angularjs的粗放式实现 ng-hot-loader前言webpack-dev-server自带支持模块热替换特性,不刷新页面实现代码局部更新,使用HMR可以大幅提升开发效率。HMR关键核心为组件声明=>组件定位=>组件更新。ng-hot-loader-汇聚子模块操作,基于分析结果与对应模板,生成对应HMR代码。组件替换约定服务在angularjs内部属于单例,实例声明通过factory的方式,声明literalobject服务。