chenqk_123的专栏

angularjs 之ng-repeat无可否认angularjs的崛起成为前端很大的福利，最近接到项目，框架便选中了angularjs。angularjs最吸引人的地方就是数据的双向绑定和指令了，需要了解和进阶的给大家介绍一个视频连接，http://www.imooc.com/learn/156。也可以到慕课网搜索angularjs教程，上面有大漠老师的教学视频，讲解的挺不错的。书归正传，来

Flowjs是一个和angualrjs融合比较好的一个上传组件。再上传中我们有时候需要根据不同的需求制定不同的上传方式。比较常见的上传方式有两种。第一种：只上传个文件就完事了。第二种：一般会在表单中，上传和表单项会同时往后台提交。我们的实现方式也有两种。第一种：只上传文件这种上传方式我们只需要在flow-init方法中定义target请求路径就可以往后台发起上传请求当点击上传按钮时会调用vm.ac...

JS的常规请求方式是同步的，这样容易造成阻塞，而后来改进引入了ajax来处理异步请求，同样是对XMLHTTPRequest的封装，angularjs也提供了异步处理机制。怎样理解异步请求呢？现在寒冬将至，我需要一套被子，以度过寒冬。于是我向被服店发起一个请求，那就是替我定制一套被服。当然定制的话需要一定的时间来生产，我并不着急，放下定金我就走了，并告诉店主，做好了给我送过去，并留下地址和联系方

项目国际化已经成为现在开发中的一个不可或缺的部分应公司要求实现国际化，尤其适用了angularjs来实现国际化，话不多说直接看操作1，配置国际化1.1 引入js文件我们都知道要使用第三方库文件，就必须要引入一些文件，比如样式文件，js文件，要实现国际化需要引入angularjs的几个文件 关于translate的几个文件都需要引入，引入angularjs-

简述一下需求：需要根据绑定的model数据的值来判断某个区域是显示还是隐藏？解决办法：使用angularjs的ng-show  标签完成首先想到的时候在页面初始化加载model时使用ng-show=“check()”,去js中调用该check方法来判断model的某一属性是否为空或者其他，从而ng-show根据返回的boolean值来判断是否显示该区域。能够达到目的。代码如下：

使用angularjs提供的$modal可以快捷的创建新的弹出框，并且自带了一些比较好用的属性和方法，方便我们进行开发。在开发中碰到的问题就是，当登录用户权限不同的时候，我们提供不同的权限控制和页面展示，当非管理员登录的时候，弹出的页面是不允许关闭的，即不允许用户操作主页面的内容，只能在弹出框中操作。属性：templateURL：指定加载模板路径$scope：创

双向数据绑定：顾名思义是两端或者两层之间的数据交互问题。从前端的角度来说就是，从控制层controller层到视图层view层，并且这种作用是相互的。我们都知道无论是什么样的应用，只要是WEB项目，都避不开浏览器，那么所有的请求行为都应该是从浏览器发出的，需要用户操作的请求，都是从前端的view层发出的，无论是增删改查等操作皆是如此。我们的controller层不但要通过服务器端来获取数据，还要将

前面提到了angularjs的每个应用是基于APP的，而每个功能模块属于一个module，每个module的一些增删改查等单项功能以及数据层都是依赖于$scope，每个$scope都有其独有的作用域，不同的功能模块对应着不同的作用域。不同模块之间的$scope是不可共享的，而在实际的项目中我们又会发现会有一些方法参数需要在多个功能模块module之间传递，需要被多个module之间共享，这就好比j

在项目中时常会碰到这种情况，后台针对属性的设置，有一些需要设置为枚举类型的，而此时我们前端接收到后台response之后需要对这个枚举类型的数据进行再次加工，改成我们需要的显示方式。比如我的系统中存在三种角色，Employee，Guest，Administrator。查看用户信息的时候如果这是针对的这条属性值显示为枚举类型，显然是不友好的。所以需要前端进行数据二次加工。那么angularjs作为一

做项目时碰到个问题，json属性不可控的情况下输出key和value值。之前一直使用obj.key obj.value，然而突然不好使了，查了查资料找到了一种方式。先看看之前的写法：定义json： angular.module("main", []) .controller("mainController",["$scope"

项目结束之后总要回顾一下得失成败，碰到过多少坑，填过多少土，多多少少会获得一些成长。在写其他博客的时候，我都会将自己碰到的问题记录到博客中，写着写着就对angularjs产生一种情感，打算系统的从头到尾的认识一下，在公司也做过类似的培训。我是去年接触到angularjs，不觉间使用了一年，打算把这一年中使用的心得以及知识点记录下来，希望与大家一起分享。这是个一系列的文章，有写的不好的地方还望大家指

现在的项目，无论代销，几乎不会缺省的一个功能就是上传下载功能，今天谈一谈使用angularjs+bootsrtap下的上传下载功能。1.angularjs和flowjsangularjs我在其他的博客里面也讲到了它的其他的一些用处，只是没有做过系统的说明，在这里也不打算一一介绍。这个在一些官网上都有说明，我也会花一点时间去整理一下angularjs的知识点以及在使用到angularjs需要

今天就要介绍angularjs最为强大的一个功能了，那就是指令系统。我们在做项目的时候，会发现很多前端的东西几乎都是差不多的，你比如说表格，表单，开关，上传下载等功能在形式上很想，只是内容可能有些差别，这时我们就不需要每个页面用到的时候，都去定义一遍。这时我们就需要将这些东西统一起来，定义一个共同的模板来让不同的页面进行引用，这就是angularjs的指令系统所能达到的功能。简单的说，angu

1.angularjs的MVC模式    做过前后端交互的童鞋们，应该对MVC的理解都比较清晰了。如果纯前端的可能不太理解。楼主本是JAVA出身，大家都知道JAVA几乎是纯服务端的应用，当然随着技术的进步，每一种编程语言都不可能是纯后端服务端的，多多少少会有跟前端交互的技术比如JAVA中的 struts2的jsp标签。但这种东西毕竟不是纯前端的技术，很有可能在使用一些前端技术的时候会出现莫名的

我们知道html在各个浏览器中的适应性良好，是因为各大浏览器厂商对html的支持，无论是任何第三方组件，只要能被浏览器适配解析，那么这个组件就能很好的适应于浏览器，angularjs也不例外，angularjs能很好的适应于各大浏览器是因为其指令封装的对象其实也是html的DOM元素。无论怎么封装，最后都会转为DOM元素，以被浏览器支持。那么我们就来看看angularjs是怎么样进行工作的。1

为什么叫模式？我没有找到更好的方式来描述这种情况，先来看一张图：1.功能模块划分1.1 APP     我们知道angularjs是基于APP的一种应用，也就是在html中需要对应一个APP，该APP作为整个项目或者某个模块的入口点，就行java的main方法作为整个程序的主入口。当然你可以某一个模块作为一个APP，但是我们一般不会这么处理，因为你多个APP间进行通信的时候会碰

使用到某一种技术的时候尤其是当我们写博客类技术文章的时候，会对该技术进行一些描述，通常都会从他的起源说起。这这里虽然不想赘述许多，但是还是顺带的提一下吧，冰晶angularjs的作者给我们提供了这么优秀的技术为我们提供服务，就算是表示感谢吧。1.起源任何技术的起源都相同，当天才们碰到问题时都会去寻找一种新的解决办法，而通常这种方法经过发展就形成了有种稳定有效的技术手段。AngularJ

使用Angularjs指令可以封装一些通用的组件可以被不同的模块间共用。在表单中我们习惯用一个对象去绑定所有的表项。<ham-select-search datas="vm.action.selectOpts" value="vm.cache.currentItem.location"></ham-select-search>在上面的代码中我们定义了一个简单的...