Angular

AngularJS —— 自定义指令

如何自定义指令:Angular是基于模块的框架,因此上来肯定要创建一个自己的模块:然后在此模块基础上创建指令directive其中,xingoo是我们自定义标签的名字,后面跟着它的方法函数。里面是用于替换自定义标签的字符串3replace:是否支持替换4transclude:是否支持内嵌如何使用指令:上面提到了标签的四种使用方法,即AECM。当想要自定义标签时,采用标签的形式。2并使用ng-transclude属性,定义内部嵌套的位置。

AngularJS—— 指令的复用

并在link属性的方法内,添加相应事件,方法中有三个参数:1scope,作用域,用于调用相应的作用域的方法。2element,指代创建的标签3attr,用于扩展属性,稍后展示使用方法有了以上的准备工作,就可以在body里面使用标签了:如何复用指令以上仅仅是单个控制器的指令使用,一个指令在一个页面中可以被多次使用,也就意味着,会有多个控制器使用该指令。2指令中调用的仅仅是属性的名字,没有方法括号。

AngularJS—— 指令的交互

link中多了一个参数supermanCtrl,这个参数猜想是superman中的controller,所以命名采用superman+Ctrl的方式。总结起来,指令的交互过程:1首先创建一个基本的指令,在controller属性后,添加对外公开的方法。

AngularJS $injector依赖注入

在AngularJS中也有依赖注入的概念,像spring中的依赖注入,但是又有所不同。Spring中使用构造注入或者设值注入的方式,还需要做一些额外的操作,但是angular中只需要在需要的地方声明一下即可,类似模块的引用,因此十分方便。如果代码要经过压缩等操作,就会导致注入失败。$injector常用的方法在angular中,可以通过angular.injector()获得注入器。通过$injector.get获得依赖的服务名字通过$injector.annotate获得xxx的所有依赖项样例代码

Angularjs系列之MVC设计模式

MVC概念转载时请遵重他人的劳动成果,不要删除作者原文链接。MVC在Web编程中的应用AngularJS可以通过以下架构与服务器应用程序通讯,把客户端单一的业务角转变为业务与分布式计算单元的复杂角色。在目前主流的三种Web服务交互方案中,REST相比于SOAP以及XML-RPC更加简单明了,无论是对URL的处理还是对Payload的编码,REST都倾向于用更加简单轻量的方法设计和实现。在2002年7月,W3C发布了第一个WSDL1.2工作草案。Binding:特定端口类型的具体协议和数据格式规范。

调试Angular代码的Batarang插件不能用的问题

最近一直在学习AngularJS开发编程,在别人的文章里看到有用Chrome上的Batarang插件对AngularJS进行调试,从这个地址下载了官方的插件,安装之后发现竟然不起作用,调试信息根本显示不出来,好崩溃。死马当活马医,下载后安装再一试,居然就能显示调试信息了

Angular2笔记1——初步认识

Angular2笔记——初步认识笔者原来是一个纯后端屌丝程序员,在学校的时候,看见html/js就头疼,最不愿意看见的就是css。Angular2更多的吸收了后端程序设计的理念,因此有后端程序设计经验的可能学起来更加容易。Angular2的学习资料有很多,Google自己制作的文档也相对齐全。Angular2本地环境部署较为复杂,后面可以考虑专门写文章讲解。Angular2以组件为核心,而Angular1则是围绕着DOM元素展开。组件化是现在前端设计的重要理念,Angular2自然也吸收了。

AngularJS $http post 传递参数数据

在cordova开发的时候使用到了$http的post方法,传递的参数服务端怎么都接收不到,搜索了下,发现使用AngularJS通过POST传递参数还是需要设置一些东西才可以!cellphoneId=b373fed6be325f7",查了些资料发现params这个参数是用在GET请求中的,而POST/PUT/PATCH就需要使用data来传递;2、直接使用data这样的话传递的,是存在于RequestPayload中,后端无法获取到参数这时发现Content-Type:application/json;c

angularJs中filter的用法及api解释

angularJs饱受广大开发者欢迎,除了其依赖注入,双向绑定的思想,directive指令,filter过滤器也极大的提高了开发效率,代码更加优雅,维护起来也更加方便。angularJS的过滤器非常强大,一个filter能瞬间format时间的格式,货币,数字,以及自定义过滤器对目标数组进行过滤。而下边的ng-repeat=”projectinprojectItems|filter:query”,首先就是遍历projectItems这个数组,而filter就是依据query这个字段进行过滤。