Angular

为Angular内置$http服务添加拦截器

response:response方法可以实现拦截响应:该方法会在http接收到从服务器过来的响应之后执行,因此我们可以修改响应报文或做其他操作。响应对象包括了请求配置,头,状态和从后台过来的数据。如果返回无效的响应对象或者promise会被拒绝,导致http调用失败。也有可能它被一个请求拦截器拒绝了,或者被上一个响应拦截器中断了。在这种情况下,响应异常拦截器可以帮助我们恢复后台调用。

angularJS 自定义工厂和服务实现共享数据

1.自定义工厂,可返回任意类型的数据自定义工厂方式一.factory方法varapp=angular.module('myApp',[]);app.factory('CustomFactory',function(){return'aaabbb';});自定义工厂方式二$provide.factory方法angular.module('myApp',[],function($provide){$p

angularJS 过滤器练习

本例展示产品列表,使用angular过滤器orderBy对产品进行排序,具体是点击列标题时交替进行正序倒序排列;同时使用angular过滤器filter可根据输入的产品名称搜索出对应产品,实现模糊查询。

angularJs项目搭建

我司的angularJs项目是分模块化的,在我刚进入公司的时候,我直接就可以新建模版引擎以及对应的controller、router、service方法,每一个js都可以被依赖注入,后期在深入的时候可以去写component、directive,这样一个好处是方便上手,可以在短时间内操作页面的更删改查,项目结构清晰,减少代码耦合;但同时也有它的弊端,那就是完全不知道一个项目是如何搭建起来的。

Angular2 从搭建环境到开发

对于会部署环境的可以尝试本文最后一节加入Angularmaterial2,个人认为对高度个性化的项目不推荐使用,对企业级的CMS省去了写样式的时间,直接开始正文。Angular-CLI说到cli大家不陌生,没出一个框架都会有对应的cli,俗称脚手架。angular2本身提供了起步项目angular2-quickstart,我尝试了一下,发现不是很好用,其它的大部分扩展需要自行安装,之后看了一下angular-cli部署简单易用,还提供了快捷搭建项目的目录。引入Angularmaterial2文章开头已经阐

angular开发中问题记录--启动过程初探

于是阅读angular的文档来找找原因。constant和run是什么angular比较核心的一个概念就是依赖注入,angular的模块化以及模块间的依赖管理都是基于此的。官方文档这样说:Amoduleisacollectionofconfigurationandrunblockswhichgetappliedtotheapplicationduringthebootstrapprocess.Initssimplestformthemoduleconsistsofacollectionoftwokinds

Angular js 常用插件

图片视频类angular-maxonry图片墙效果插件,可以将图片组织成类似于瀑布流的效果,依赖于jQuery、imageloaded和Masonryangular-deckgrid另一个照片瀑布流解决方案ngImgCrop图片剪裁工具ngVideo播放器,直接播放指定地址的mp4,控制按钮美观度远甩朝内99.99%的视频站angular-image-404当img元素的图片无法正常获取时,使用这个指令可以显示占位图片,可以自定义占位图,也可以使用默认的占位图输入控件类ngDraggable控制元素拖动的

angular2 pipe 用法

记得将该component注册到ngModule中,否则不会生效,如果想在某个组件中使用这个pipe,直接在html上写就可以了