摘要：(function (angular) { angular.module('mobileApp').factory('IscrollAndroidBug', IscrollAndroidBug); function IscrollAndroidBug() { return { click: function () { i...
阅读全文
随笔分类 - AngularJS
1
摘要：在input框中加入disabled=”disabled”之后，字体默认的就变成灰色了解决方案input[disabled]{color:#fff;opacity:1} disabled 默认是0.3,所以样式里一定要加 opacity:1123123来自为知笔记(Wiz)
阅读全文
摘要：把js的验证方法改成angular可使用的方法AngularJS文件的写法：$scope.clearNoNum = function(obj,attr){//先把非数字的都替换掉，除了数字和.obj[attr] = obj[attr].replace(/[^\d.]/g,"");//必须保证第一个为数字而不是.obj[attr] = obj[attr].replace(/^\./g,"");//保...
阅读全文
摘要：1、引用jQuery的前提下，和$用法基本相同：angular.element('#').html()例如：angular.element('#test').html()angular.element('#test').focus() 2、 不引入jQuery。1) angular.element(document.querySelector('')); 2) angular.element(d...
阅读全文
摘要：background-size的contain和cover是怎么用的，大家应该都明白。但是里面也有一些有趣的数学关系。基本概念上面就是我们对于 rimage (图片宽高比)、rviewport (容器宽高比) 的定义。将图片放进容器三种方法stretch : 把图片的宽高强行设置为容器的宽高注: h'image、w'image、r'image分别为图片改变后的高、宽、宽高比。之后文章这些名词也是这...
阅读全文
摘要：对于这两个属性，官网是这样解释的：contain此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。等比例缩放图象到垂直或者水平其中一项填满区域。cover此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。等比例缩放图象到垂直和水平两项均填满区域。 读了还是不懂，那么看下面的例子：contain，按比例调整背景图片，使得其图片宽高比自适应整个元素的背景区域的宽高比...
阅读全文
摘要：updataOn 指定ng-model以什么绑定事件触发default 就是默认的大家都知道blur 失去焦点的时候更新mouseover 鼠标滑过.......Hello{{name}}debounce 延迟更新debounce 以毫秒为单位Hello{{name}}它的用法，其实很多比如再搜索的时候，当用户实时输入，数据模型更新，会频繁向后端请求。通过延迟更新模型，大大提高性能。allowIn...
阅读全文
摘要：最近在做d3js + angularjs项目中，经常遇到d3组件与angularjs模块间通信的问题，以及angularjs多个作用域之间互相通信的问题。关于angularjs的作用域概念及其继承模式，这里有一篇我觉得不错的文章，不了解的朋友可以先去看看。 本文主要谈angularjs多个作用域之间如何互相通信。我们经常遇到这样的需求：A作用域这里有一个值改变了，如何通知作用域B相应值去改变。为此...
阅读全文
摘要：上一篇文章中我花了很多口舌去介绍angularjs是一个中型框架，面对大型应用时少不了第三方类库的配合。而我的核心议题是：如何以angularjs的思路使用其他类库，这里jquery是最好的例子了，谁让它争议最大。许多人一看到jquery就火冒三丈冲过来觉得这货是影响代码结构、打破angular way的纯洁的罪魁祸首，但事实是好的木匠总是会允许烂木头的存在，何况jquery并非烂木头。只要配合得...
阅读全文
摘要：引言：angularjs是一个中等重量级的前端开发框架HTML是一门很好的为静态文本设计的语言，但要构建动态的web应用它就显的乏力了。通常，我们使用以下技术来解决静态网页技术在构建动态应用上的不足：1.类库：类库是一类函数的集合，它能帮助你写web应用。这里起主导作用是你的代码，由你来决定何时使用类库。典型的类库，例如prototype、jquery等。2.框架：框架式一种特殊的、已经实现的we...
阅读全文
摘要：自从上一篇文章到现在已经有将近一个月的时间，我将精力放在了前端页面分解与组装，和angularjs如何与jquery、bootstrap、D3等一系列其他类库结合使用的经验总结上。由于公司新招了一些员工，对于我而言快速的做出demo页面用以示范，是让新人快速上手的最佳方案。即使这段时间工作较忙，写这样大段文字的时间确实不好找，但我依然必须勤做记录，否则灵感如昙花一现转瞬即逝，如何带领新人，推动项目...
阅读全文
摘要：年底了越来越懒散，AngularJs的学习落了一段时间，博客最近也没更新。惭愧~前段时间有试了一下用yeoman构建Angular项目，感觉学的差不多了想做个项目练练手，谁知遇到了一系列问题。yeoman是基于node.js的一套工具包，由于我一直在windows下编程，而且node.js对于win
阅读全文
摘要：在谈路由机制前有必要先提一下现在比较流行的单页面应用，就是所谓的single page APP。为了实现无刷新的视图切换，我们通常会用ajax请求从后台取数据，然后套上HTML模板渲染在页面上，然而ajax的一个致命缺点就是导致浏览器后退按钮失效，尽管我们可以在页面上放一个大大的返回按钮，让用户点击返回来导航，但总是无法避免用户习惯性的点后退。解决此问题的一个方法是使用hash，监听hashc...
阅读全文
摘要：过滤器（filter）正如其名，作用就是接收一个输入，通过某个规则进行处理，然后返回处理后的结果。主要用在数据的格式化上，例如获取一个数组中的子集，对数组中的元素进行排序等。ng内置了一些过滤器，它们是：currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制个数)、lowercase(小写)、uppercase(大写)、num...
阅读全文
摘要：今天学习了一下ng的service机制，作为ng的基本知识之一，有必要做一个了解，在此做个笔记记录一下。一、认识服务（service） 服务这个概念其实并不陌生，在其他语言中如java便有这样的概念，其作用就是对外提供某个特定的功能，如消息服务，文件压缩服务等，是一个独立的模块。ng的服务是这样定义的：Angular services are singletons objects or fu...
阅读全文
摘要：自定义指令学习有段时间了，学了些纸上谈兵的东西，还没有真正的写个指令出来呢。。。所以，随着学习的接近尾声，本篇除了介绍剩余的几个参数外，还将动手结合使用各参数，写个真正能用的指令出来玩玩。 我们在自定义指令（上）中，写了一个简单的，能够跟美女打招呼。但是看看人家ng内置的指令，都是这么用的：ng-model=”m”，ng-repeat=”a in array”，不单单是作为属性，还可以赋值给...
阅读全文
摘要：上一篇简单介绍了自定义一个指令的几个简单参数，restrict、template、templateUrl、replace、transclude，这几个理解起来相对容易很多，因为它们只涉及到了表现，而没有涉及行为。这一篇将继续学习ng自定义指令的几个重量级参数，了解了它们之后我们的custom directive将不光能“看”，还要能“动”。开始~理解compile和link 不知大家有没有这...
阅读全文
摘要：一、有感而发的一些话 在学习ng之前有听前辈说过，angular上手比较难，初学者可能不太适应其语法以及思想。随着对ng探索的一步步深入，也确实感觉到了这一点，尤其是框架内部的某些执行机制，其复杂程度并非是我现在的功力能够理解的，只能是知其皮毛。我现在学习的途径是官方文档 + AngularJS在github上的中文粗译版（https://github.com/basestyle/angular...
阅读全文
摘要：通过使用模板，我们可以把model和controller中的数据组装起来呈现给浏览器，还可以通过数据绑定，实时更新视图，让我们的页面变成动态的。ng的模板真是让我爱不释手。学习ng道路还很漫长，从模板开始入手是个不错方式，因为这部分内容相对简单好理解，而且是视图层的东西，大家都喜欢可以立马看得见的东西嘛。本篇我将搜罗模板中的常用指令一一测试，了解其使用方法，有点像背单词的感觉，会比较枯燥。不过...
阅读全文
摘要：一、前言 前端技术的发展是如此之快，各种优秀技术、优秀框架的出现简直让人目不暇接，作为一名业界新秀，紧跟时代潮流，学习掌握新知识自然是不敢怠慢。当听到AngularJs这个名字并知道是google在维护它时，便一直在关注，看到其在国外已经十分火热，可是国内的使用情况却有不小的差距，参考文献/网络文章
阅读全文
1
