随笔分类 - AngularJs
摘要:前言Ionic是目前较为流行的Hybird App解决方案,在Ionic开发过程中会遇到很多常见的开发问题,本文尝试对这些问题给出解决方案。一些常识与技巧list有延迟,可以在ion-content处使用overflow-scroll="true"尝试在上用ng-click上是没效果的标签内的事件会...
阅读全文
摘要:阅读目录推断式注入标记式注入内联式注入$injector常用的方法样例代码在AngularJS中也有依赖注入的概念,像spring中的依赖注入,但是又有所不同。Spring中使用构造注入或者设值注入的方式,还需要做一些额外的操作,但是angular中只需要在需要的地方声明一下即可,类似模块的引用...
阅读全文
摘要:阅读目录第一种使用方式第二种使用方式样例代码angular.extend(dst,src),在我实验的1.2.16版本上是支持深拷贝的。但是最新的API显示,这个方法是不支持深拷贝的。另外,第二个参数src支持多个对象。回到顶部第一种使用方式var user3 = angular.extend(u...
阅读全文
摘要:阅读目录使用情况样例回到顶部使用情况1 首先,所有满足 a === 3 这种的对象,在angular.equals(a,b)中都会返回真2 所有对象的类型,以及属性值都相同的,也会返回真3 NaN和NaN也会返回真(在javascript中,返回的是假)4 正则也会返回真(在javascirpt...
阅读全文
摘要:Angular中保存了很多的判断方法,可以用来验证对象是否符合某种要求,详细的参考代码样例即可 {{ isArray }} {{ isDate }} {{ isUnDefined }} {{ isDefined }...
阅读全文
摘要:阅读目录方法讲解样例参考toJson()能把对象序列化为json回到顶部方法讲解这个方法最多支持2个参数:angular.toJson(obj, pretty);obj 是想要转换的对象,pretty 可以调节格式化的样式,按照API的介绍这个是空格的个数。(不过在控制台,空格的个数是一样的,差...
阅读全文
摘要:阅读目录使用时需要注意下面几点:下面看看使用样例:angular提供了一个可以复制对象的api——copy(source,destination),它会对source对象执行深拷贝。回到顶部使用时需要注意下面几点:如果只有一个参数(没有指定拷贝的对象),则返回一个拷贝对象如果指定了destina...
阅读全文
摘要:阅读目录绑定初始化手动初始化对于一般的使用者来说,AngularJS的ng-app都是手动绑定到某个dom元素。但是在一些应用中,这样就显得很不方便了。回到顶部绑定初始化通过绑定来进行angular的初始化,会把js代码侵入到html中,但是对于新手使用来说,还是足够了! ...
阅读全文
摘要:阅读目录下拉列表的简单使用复杂对象,自定义列表名称实现下拉列表的分组按照id进行标识参考最近使用到了ngOption实现下拉选择列表,由于需要实现分组等功能,百度了下没有太好的文章,就百度到一篇英文的帖子,按照其中的代码很顺利的搞定了。本篇根据文中代码,详细讲述下如何实现下拉列表回到顶部下拉列表...
阅读全文
摘要:阅读目录什么是SCE来自官网的例子:ng-bind-html实际工作中的例子:ng-src链接参考由于浏览器都有同源加载策略,不能加载不同域下的文件、也不能使用不合要求的协议比如file进行访问。在angularJs中为了避免安全漏洞,一些ng-src或者ng-include都会进行安全校验,因...
阅读全文
摘要:阅读目录i18n与l10nAngular-translate实践参考对于一个用户群面向全球的的应用来说,不得不考虑国际化的问题。当然,即便是刚刚起步的小应用,如果有心搞大,也应该提前设计国际化的方案。本篇讲述使用AngularJS构建的应用的简单国际化方案,准确的说,是国际化服务....回到顶部...
阅读全文
摘要:阅读目录什么是Promise$q服务先说说什么是Promise,什么是$q吧。Promise是一种异步处理模式,有很多的实现方式,比如著名的Kris Kwal's Q还有JQuery的Deffered。回到顶部什么是Promise以前了解过Ajax的都能体会到回调的痛苦,同步的代码很容易调试,但...
阅读全文
摘要:目录(?)[-]安装应用resource扩展resource上一篇中讲到使用$http同服务器进行通信,但是功能上比较简单,angularjs还提供了另外一个可选的服务$resource,使用它可以非常方便的同支持restful的服务单进行数据交互。安装ngResource模块是一个可选的angul...
阅读全文
摘要:在Angular中,Directive、Service、Filter、Controller都是以工厂方法的方式给出,而工厂方法的参数名对应着该工厂方法依赖的Service。如:app.controller('wolrdCtrl', function($scope, $http){ // ......
阅读全文
摘要:阅读目录 $http的使用 创建自己的Service服务 参考在AngularJS中有很多的服务,常用的比如http,location等等。本篇文章会介绍一下的内容: 1$http这种Angular提供的服务的使用 2 如何自定义服务,并总结服务需要注意的几个小点。回到顶部 $htt...
阅读全文
摘要:阅读目录独立作用域的作用如何实现独立作用域作用域数据绑定 基于字符串的绑定@:基于变量的绑定=:基于方法的绑定&: 参考前面通过视频学习了解了指令的概念,这里学习一下指令中的作用域的相关内容。通过独立作用域的不同绑定,可以实现更具适应性的自定义标签。借由不同的绑定规则绑定属性,从而定义出符合...
阅读全文
摘要:阅读目录 程序分析 全部程序代码:前面基本了解了指令的相关内容: 1如何自定义指令 2指令的复用本篇看一下指令之间如何交互。学习内容来自《慕课网 指令3》 背景介绍 这例子是视频中的例子,有一个动感超人,有三种能力,力量strength,速度speed,发光light。 这三种能力...
阅读全文
摘要:阅读目录 单个控制器的标签指令 如何复用指令 下面看一下样例代码:前面练习了如何自定义指令,这里练习一下指令在不同的控制器中如何复用。 —— 来自《慕课网指令3》 首先看一下一个小例子,通过自定义指令,捕获鼠标事件,并触发控制器中的方法。回到顶部 单个控制器的标签指令 依然是先创建...
阅读全文
摘要:阅读目录 实现方式 程序样例AngularJS另一个特点就是提供了过滤器,可以通过操作UNIX下管道的方式,操作数据结果。 通过使用管道,可以便于双向的数据绑定中视图的展现。 过滤器在处理过程中,将数据变成新的格式,而且可以使用管道这种链式风格,还能接受附加的参数。回到顶部 实现方式 ...
阅读全文
摘要:阅读目录 如何自定义指令: 如何使用指令: 指令的内嵌使用: 全部代码AngularJS支持用户自定义标签属性,在不需要使用DOM节点操作的情况下,添加自定义的内容。前面提到AngularJS的四大特性: 1 MVC 2 模块化 3 指令 4 双向数据绑定下面将会介绍如下的内容:...
阅读全文

浙公网安备 33010602011771号