angularJS
文章平均质量分 75
七夕小娜
技术 素养 人生
展开
-
调试angularjs chrome 插件 Batarang安装和使用
Angular chrome 插件 Batarang ,它对于调试和找到性能瓶颈会很有效。安装后在开发者工具上会多出一个AngularJs选项。通过Enable复选框决定是否启用。Angular chrome 插件 Batarang ,它对于调试和找到性能瓶颈会很有效。安装后在开发者工具上会多出一个AngularJs选项。通过Enable复选框决定是否启用。安装Batarang原创 2016-03-26 15:33:34 · 10494 阅读 · 0 评论 -
angular modalInstance模态框
在实际开发的过程中点击一个按钮或者文字弹出一个modal是很常见的问题,为了方便初学者更好的使用modal我做了一下总结:直接上代码:head部分: 123"stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css原创 2016-04-08 17:39:10 · 12473 阅读 · 0 评论 -
基于Angularjs实现分页
前言 学习任何一门语言前肯定是有业务需求来驱动你去学习它,当然ng也不例外,在学习ng前我第一个想做的demo就是基于ng实现分页,除去基本的计算思路外就是使用指令封装成一个插件,在需要分页的列表页面内直接引用。 插件 在封装分页插件时我实现了几种方式总体都比较零散,最后找到了一个朋友(http://www.miaoyueyue.com/arc转载 2016-03-29 09:42:30 · 1382 阅读 · 0 评论 -
angularJS中$apply()方法详解之什么时候用$apply()
对于一个在前端属于纯新手的我来说,Javascript都还是一知半解,要想直接上手angular JS,遇到的阻力还真是不少。不过我相信,只要下功夫,即使是反人类的设计也不是什么大的问题。 Okay,废话不多说。为了弄明白angular JS为何物,我先是从Scope开始。那么什么是Scope呢?借用官方文档的一段话:复制代码代码如下:“scope转载 2016-05-24 10:46:36 · 3781 阅读 · 0 评论 -
AngularJS select中ngOptions用法详解
Angularjs ng-options用法请参见如下链接http://each.sinaapp.com/angular/tutorial/ng-options.html原创 2016-03-10 09:16:01 · 2301 阅读 · 0 评论 -
angularJs中关于ng-class的三种使用方式说明
在开发中我们通常会遇到一种需求:一个元素在不同的状态需要展现不同的样子。而在这所谓的样子当然就是改变其css的属性,而实现能动态的改变其属性值,必然只能是更换其class属性这里有三种方法:第一种:通过数据的双向绑定(不推荐)第二种:通过对象数组第三种:通过key/value下面简单说下这三种:第一种:通过数据的双向绑定实现方式:原创 2016-05-17 14:46:09 · 860 阅读 · 0 评论 -
理解Angular中的$apply()以及$digest()
$apply()和$digest()在AngularJS中是两个核心概念,但是有时候它们又让人困惑。而为了了解AngularJS的工作方式,首先需要了解$apply()和$digest()是如何工作的。这篇文章旨在解释$apply()和$digest()是什么,以及在日常的编码中如何应用它们。 探索$apply()和$digest()AngularJS提供了一个非常酷的特性转载 2016-04-21 18:18:22 · 453 阅读 · 0 评论 -
[AngularJS面面观] scope中的Dirty Checking(脏数据检查) --- 引言
scope功能概述scope是AngularJS中的核心概念之一。它的设计思想和实现方式也是希望深入了解和学习AngularJS的开发人员必须熟知的。它的功能主要有以下几点: 1. 通过数据共享连接Controller和View 2. 事件的监听和响应 3. 脏数据检查和数据绑定前两点并没有什么新奇的地方,关键的地方在于第三点。这是AngularJS这一框架和好转载 2016-04-22 10:57:41 · 444 阅读 · 0 评论 -
AngularJS实现跨域请求
跨域,前端开发中经常遇到的问题,AngularJS实现跨域方式类似于Ajax,使用CORS机制。下面阐述一下AngularJS中使用$http实现跨域请求数据。AngularJS XMLHttpRequest:$http用于读取远程服务器的数据$http.post(url, data, [config]).success(function(){ ... });$http.get(转载 2016-05-20 11:25:42 · 1642 阅读 · 0 评论 -
让AngularJS兼容IE8及其以下浏览器版本的方法
AngularJS 1.3抛弃了对IE8的支持,但AngularJS 1.2将继续支持IE8,但核心团队已经不打算在解决IE8及之前版本的问题上花时间。本文档介绍了互联网浏览器(IE)在处理自定义HTML标签及属性时的特点。如果你正计划在IE8或更早的浏览器上部署Angular应用请阅读本文。项目目前支持且将尝试修复IE9以上的bug 。持续集成服务器在IE9,IE10和IE11上运行所有转载 2016-05-20 11:30:06 · 735 阅读 · 0 评论 -
深入了解AngularJs-Ui-router(2)
Angularjs ui-router - 组件:ui-router最大的特点是可以实现路由的嵌套。$state / $stateProvider:管理状态定义、当前状态和状态转换。包含触发状态转换的事件和回调函数,异步解决目标状态的任何依赖项,更新$location到当前状态。由于状态包含关联的 url,通过$urlRouterProvider生成一个路由规则来执行转换的状态。原创 2016-03-26 16:36:01 · 1740 阅读 · 0 评论 -
angular 使用 ui-router(1)
点击链接:http://blog.csdn.net/fansongy/article/details/44162685转载 2016-01-13 10:35:18 · 728 阅读 · 0 评论 -
Angularjs promise对象解析
1、先来看一段Demo,看完这个demo你可以思考下如果使用$.ajax如何处理同样的逻辑,使用ng的promise有何优势?12345678910111213141516171819202122转载 2016-03-29 10:12:21 · 693 阅读 · 0 评论 -
[AngularJS] 1. Angular JS的五大特性
由于公司一开始就使用的angularjs框架,因此没有深入考虑过为什么使用这个框架,由于一次偶然被问到引起了我的好奇,故此做如下总结AngularJs概述:AngularJs所有的操作思路都以“业务数据”为关注点,彻底颠覆了传统的DOM操作。并不是所有的应用都适合用AngularJS来做。AngularJS主要考虑的是构建数据的CRUD(增删改查)操作为主的SPA应用。幸运的是,至少90%原创 2016-03-30 15:42:22 · 2101 阅读 · 0 评论 -
AngularJS中$http服务的简单用法
我们可以使用内置的$http服务直接同外部进行通信。$http服务只是简单的封装了浏览器原生的XMLHttpRequest对象。1、链式调用$http服务是只能接受一个参数的函数,这个参数是一个对象,包含了用来生成HTTP请求的配置内容。这个函数返回一个promise对象,具有success和error两个方法。$http({url:'data.json',meth原创 2016-03-21 09:25:09 · 536 阅读 · 0 评论 -
AngularJS最佳实践: 请小心使用 ng-repeat 中的 $index
“有客户投诉,说在删除指定的某条记录时,结果删掉的却是另外一条记录!”看起来是个很严重的BUG。 有一次我们在工作中碰到了这个问题。 要定位这个BUG非常麻烦, 因为客户也不清楚如何重现这个问题。后来发现这个Bug是由于在 ng-repeat 中使用了 $index 引发的。下面一起来看看这个错误是如何引发的, 以及如何避免这种bug产生,然后说说我们从中得到的经验和教训。翻译 2016-03-10 11:23:28 · 632 阅读 · 0 评论 -
$stateParams服务
顾名思义$stateParams就是状态参数,因此看本文章的读者需对angular-ui的ui-router有一定的了解。在你的应用中大多数状态都有与其相关联的 url,路由控制不是设计完成 state 之后的事后想法,而是开始开发时就应该考虑的问题。这里是如何设置一个基本url。12345$stateProvider .state('co翻译 2016-03-14 17:28:28 · 13049 阅读 · 4 评论 -
指令<AngularJs>
指令对于指令,可以把它简单的理解成在特定DOM元素上运行的函数,指令可以扩展这个元素的功能。首先来看个完整的参数示例再来详细的介绍各个参数的作用及用法:angular.module('myApp', []) .directive('myDirective', function() { return { res原创 2016-03-25 11:34:07 · 917 阅读 · 0 评论 -
表单验证<AngularJs>
常用的表单验证指令 1. 必填项验证某个表单输入是否已填写,只要在输入字段元素上添加HTML5标记required即可: 2. 最小长度验证表单输入的文本长度是否大于某个最小值,在输入字段上使用指令ng-minleng= "{number}": 3. 最大长度验证表单输入的文本长度是否小于或等于某个最大值,在输入字段上使用指令n原创 2016-03-25 11:36:35 · 918 阅读 · 0 评论 -
ng1.3+表单验证<AngularJs>
前一篇文章说过,ng1.3+以后对于表单验证有了优化,它不再需要一个详细的表达式状态创建元素显示或隐藏。例如:我们在ng1.3之前的版本都需要如下写法:class="error" ng-show="signup_form.name.$dirty && signup_form.name. $invalid && signup_form.submitted">ng1.3之后原创 2016-03-25 11:37:56 · 600 阅读 · 0 评论 -
AngularJS UI 扩展 AngularUI
AngularUI为AngularJS提供了很多UI增强效果,并且提供了IE、jQuery 兼容,以及一些常用 UI 组件。AngularUI包含以下模块:UI-UtilsUI-ModulesUI-AliasUI-BootstrapNG-GridUI-RouterIDE PluginsGSoC官方主页:http://angular-ui.github.io/原创 2016-03-15 13:58:56 · 815 阅读 · 0 评论 -
angular.js,IE7,8,9兼容性的处理
这段时间详细了解了谷歌新出的MVVM框架angular.js,并直接在本人所从事的项目中使用了。但是使用新东西都是有风险的,这不,采用了新框架的页面IE7,8各种显示不出来……心想着难道用以前的办法重来?不能允许!于是上网查阅了大量资料。终于跑通了,并且知道是怎么回事。 以下面这个IE7,8,9都跑得通的例子说明,重点是红字的部分:转载 2016-05-20 11:32:11 · 1346 阅读 · 0 评论