Alfred的博客

一、在AngularJs和JQuery插件共存咋项目中经常会遇到如下异常[html] view plain copyType error : Cannot read property 'childNodes' of undefined  解决方案1：[javascript] view plain copy$timeout(init, 0);  引用$timeout服务，异步执行JQuery的初始化...

大家可以知道在Angularjs中可以用$http同服务器进行通信，功能上比较简单，AngularJS还提供了另外一个可选的服务$resource,使用它可以非常方便的同支持restful的服务单进行数据交互。这篇文章主要给大家深入的介绍了Angularjs中的$resource服务。一、$resource服务介绍$http服务提供的实现极为简单和低级，可以用来发送

http://www.cooklife.cn/detail/54c643a6c93620284e964b59#View上一篇中讲到使用$http同服务器进行通信，但是功能上比较简单，angularjs还提供了另外一个可选的服务$resource,使用它可以非常方便的同支持restful的服务单进行数据交互。安装ngResource模块是一个可选的angularjs模块，

($scope.$$phase||$scope.$root.$$phase)?"":$scope.$apply();

项目中，鼠标移到某一元素上，滚动条左右移动，案例中是在bootstrap-table上，结合jquery.mousewheel.js，但思路相通。module.exports = /*@ngInject*/ function(Restangular,$rootScope) { 'use strict'; return { link: function(scope, elem, attr

在angular中，经常用到select框选项动态生成，常用的方法：一、使用ng-repeat循环生成option二、使用ng-options来生成option但是，这两中方法都会遇到，首次点击时，有一个空白项的问题，点击之后，空白项消失。经过网上查资料，结合本人的实践，特总结如下：（一）使用ng-repeat--Choose--

在项目中，使用restangular，在成功回调函数中，给数组复制，同时，返回给一个数组变量，在函数后面，打印出现：数组为空，但是点开又有数据，最终找到原因：因为开始空数组没赋值，赋值之后，因为是地址引用，那个数组已经被修改了。显示零是原来的长度。但包含修改后的结果。换句话说，就是由于restangular异步请求数据，在执行restangular时（由于异步，此时，开始回调函数还

在angular项目中，遇到路由配置都正常，但是打开页面报错：最后发现，注入服务，有重复：，删掉一个后，正常

测试后HTML， 主题 条件 {{data.theme}} {{data.condition[0].key}} 好，js，/** *全选、单选

个人觉得，要很好的理解AngularJS的运行机制，才能尽可能避免掉到坑里面去。在这篇文章中，我将根据网上的资料和自己的理解对AngularJS的在启动后，每一步都做了些什么，做一个比较清楚详细的解析。     首先上一小段代码（index.html），结合代码我们来看看，angular一步一步都做了些什么。 Hello {{name}}! 当

前言AngularJS中的指令是其尤为复杂的一个部分，但是这也是其比较好玩的地方。今天我们就来说一说AngularJS中的NgModelController。在AngularJS的内置指令中，有一个directive叫做ngModel，我们可以用它来沟通控制器和视图层的数据交换。说的简单点，就是我们可以用它来做双方数据绑定。这篇文章我们就来说一说如何在我们自定义的指令中，利

html .hasError{ border: 1px red solid; } .errorMsg{ color: red } 添加 字段一

人们似乎常常将AngularJS中的$timeOut()  $interval()函数看做是一个内置的、无须在意的函数。但是，如果你忘记了$timeOut()$interval()的回调函数将会造成非常不好的影响，你可能会因此遇到代码莫名其妙的出现问题，或者无端抛出一个错误甚至是一遍一遍的重复对的你的服务器进行$http请求这些诡异的情形。管理好你的$timeOut/$interval定时器的小技...

公司项目中，根据angular写了一个登陆方法，其中有一个bug，就是在中文输入法状态下，输入用户名，并敲击enter，发现虽然输入框中，已经输入用户名，但是angular却未拿到，仍然报 无用户。针对这个问题，我的解决思路是：检测用户是否敲击了 enter  这个键位，如果敲击到了，则用原生js或者jQuery拿到用户input框中的值，去做判断。所以就用到了 ng-keyup/ng-keydo...

Angular是Google开发的一款浏览器端的高人气JavaScript框架,Angular 经常会被用到后台和管理工具的开发，这两类都会需要对用户进行鉴权。而鉴权的第一步，就是进行身份验证。本文详细介绍了Angular开发中的登陆与身份验证。前言由于 Angular 是单页应用，会在一开始，就把大部分的资源加载到浏览器中，所以就更需要注意验证的时机，并保证只有通

这篇文章主要介绍了AngularJS中如何使用$parse或$eval在运行时对Scope变量赋值的相关资料,本文介绍的非常详细，具有参考借鉴价值，需要的朋友可以参考下在"AngularJS中自定义有关一个表格的Directive"中自定义了一个有关表格的Direcitve，其表格的表现方式是这样的：以上，变量colmnmap的值是事先定义在了Sco

在angular的服务中，有一些服务你不得不去了解，因为他可以说是ng的核心，而今天，我要介绍的就是ng的两个核心服务，$parse和$compile。其实这两个服务讲的人已经很多了，但是100个读者就有100个哈姆雷特，我在这里讲讲自己对于他们两个服务的理解。　　大家可能会疑问，$eval呢，其实他并不是一个服务，他是scope里面的一个方法，并不能算服务，而且它也基于parse的，所以只能

先说说什么是Promise，什么是$q吧。Promise是一种异步处理模式，有很多的实现方式，比如著名的Kris Kwal's Q还有JQuery的Deffered。什么是Promise以前了解过Ajax的都能体会到回调的痛苦，同步的代码很容易调试，但是异步回调的代码，会让开发者陷入泥潭，无法跟踪，比如：funA(arg1,arg2,function(){ fu

已经用了angular很久积累了一些很实用的指令，需要的话直接拿走用，有问题大家一起交流1.focus时，input:text内容全选angular.module('my.directives').directive('autoselect', [function () { return { restrict: 'A', link: funct

总结下，最近使用angularJS中checkbox和radio的使用，以方便后续使用。一、CheckBox总结<input Type="checkbox" ng-model="" [name=""] [ng-true-value=""] [ng-false-value=""] [ng-change=""]>angular

最近，公司angular项目，使用到了angular自身的表单验证，我是用了其自身验证，具体场景是 增加一个条目，在表单中验证是否符合条件，增加成功后，再次增加，重置表单，重复上述过程。但是遇到一个问题，就是在添加一次后，每一次重新添加，将表单清空。按道理此时，$dirty是不应该起作用的，但是还是会有不提示。 *排序

1.针对对象循环(key,value)官方示例：var values = {name: 'misko', gender: 'male'};var log = [];angular.forEach(values, function(value, key) { this.push(key + ': ' + value);}, log);expect(log).toEqu

路由(route)，几乎所有的MVC(VM)框架都应该具有的特性，因为它是前端构建单页面应用(SPA)必不可少的组成部分。那么，对于angular而言，它自然也有内置的路由模块：叫做ngRoute。不过，大家很少用它，因为它的功能太有限，往往不能满足开发需求！！于是，一个基于ngRoute开发的第三方路由模块，叫做ui.router，受到了大家的“追捧”。

$apply()和$digest()在AngularJS中是两个核心概念，但是有时候它们又让人困惑。而为了了解angularjs的工作方式，首先需要了解$apply()和$digest()是如何工作的。这篇文章旨在解释$apply()和$digest()是什么，以及在日常的编码中如何应用它们。 探索$apply()和$digest()AngularJS提供了一个非常酷的特性

今天碰到了一个这样的需求，在自己写的动态的页面中，写入的AngularJS无效不能点击响应事件，以下给出代码以及解决方案1.首先将我们要赋值给页面的数据new一下[javascript] view plain copyvar html = ""  2.用$compile函数编译一下上边的内容

本篇文章主要介绍了"AngularJs 弹出模态窗口 $modal $uibModal"，主要涉及到方面的内容，对于web前端感兴趣的同学可以参考一下： 使用angularJs 的指令库 ui-bootstrap 弹出模态窗口：导入ui-bootstrap-tpls.js 这个是ui-bootstrap的库，版本...使用angula

今天学习了一下ng的service机制，作为ng的基本知识之一，有必要做一个了解，在此做个笔记记录一下。一、认识服务（service）　　服务这个概念其实并不陌生，在其他语言中如java便有这样的概念，其作用就是对外提供某个特定的功能，如消息服务，文件压缩服务等，是一个独立的模块。ng的服务是这样定义的：Angular services are singletons o

指令，很重要AngularJS与jQuery最大的区别在哪里？我认为，表现在数据双向绑定，实质就是DOM的操作形式不一样。jquery通过选择器找到DOM元素，再赋予元素的行为；而angularjs则是，将指令与DOM绑定在一起，再扩展指令的行为。所以AngularJS开发最理想的结果就是，在页面HTML与CSS的设计时，设计工程师只需要关注指令的使

最近做一个项目，前端由Angular搭建，需要实现一个功能，就是双击进入编辑，当失去焦点的时候把数据保存。（即改变双向绑定的数据）。        先写一些简陋的HTML代码：[html] view plain copytable class="table1">  tr>      td>td>             td>td

testvar myApp = angular.module("myApp", []);myApp.controller("testCtrl", function($scope){ $scope.data = [{id:1,value:'hello'},{id:2,value:'bye'},{id:3,value:'hmmmm'}]; //$scope.selectValu

angularJS动态设置model，并设置/获取model的值代码htmldiv> div class="modal-header"> h3 class="modal-title">用例集全局参数配置h3> div> div class="modal-body"> table class="table table-

先说说什么是Promise，什么是$q吧。Promise是一种异步处理模式，有很多的实现方式，比如著名的Kris Kwal's Q还有JQuery的Deffered。什么是Promise以前了解过Ajax的都能体会到回调的痛苦，同步的代码很容易调试，但是异步回调的代码，会让开发者陷入泥潭，无法跟踪，比如：funA(arg1,arg2,function(){ fu

addClass()-为每个匹配的元素添加指定的样式类名after()-在匹配元素集合中的每个元素后面插入参数所指定的内容，作为其兄弟节点append()-在每个匹配元素里面的末尾处插入参数内容attr() - 获取匹配的元素集合中的第一个元素的属性的值bind() - 为一个元素绑定一个事件处理程序children() - 获得匹配元素集合中每个元素的子元素，选择器选择性筛选

angularjs 中 broadcast与emit $on的处理思想对于Angular的controll之间的通信方式，我们可以常见有有几种方式，如可以通过rootScope，还有通过scope的作用域，当然还有一种个人觉得很好的通信方式就是broadcast,emit,$on来监听；broadcast方式与emit方式的区别 broadcast方式一种广播模

本文详细介绍了AngularJS控制器之间的数据共享与通信，对angularjs共享数据及通信相关知识感兴趣的朋友可以一起学习。AngularJS 本身已经提供了像指令 Directive 和 服务 Service 一类的方式，来实现数据和代码的共享和复用，但在实际的项目开发中，或许是处于懒惰，亦或是为了便利，总会想在两个控制器之间，直接进行数据的共享通信，或者是函数与方法的调用，这里

表单验证常用的表单验证指令 1. 必填项验证某个表单输入是否已填写，只要在输入字段元素上添加HTML5标记required即可：  2. 最小长度验证表单输入的文本长度是否大于某个最小值，在输入字段上使用指令ng-minleng= "{number}"： 3. 最大长度验证表单输入的文本长度是否小于或等于某个最大值，在

Js代码  /**          * money formatter, will add  tag for the yuan and the decimal          *           * */          sl.filter('slMoney',['$filter','$sce',function($filter,$sce) {    

使用AngularJS简单实现表头排序和表格搜索的功能，效果如下：点击表头中的一项，可以根据该列属性对数据进行排序：       程序如下：[html] view plain copy>  html lang="en" ng-app="a3_4">  head>      met

在前面Angularjs开发一些经验总结中我们说到在angular开发中angular controller never 包含DOM元素（html/css），在controller需要一个简单的POJO（plain object javascript object），与view完全的隔离（交互angularjs框架的职责。但在某些项目中看见controller涉及DOM的元素最多的是在contro

业务中有时需要在异步获取数据并用ng-repeat遍历渲染完页面后执行某个操作，angular本身并没有提供监听ng-repeat渲染完成的指令，所以需要自己动手写。有经验的同学都应该知道，在ng-repeat模板实例内部会暴露出一些特殊属性$index/$first/$middle/$last/$odd/$even，$index会随着每次遍历（从0开始）递增，当遍历到最后一个时，$last的值为