angular
文章平均质量分 55
__Daniel
web developer
展开
-
初写指令(根据参数动态显示表格栏数)
指令.js'use strict';var editDirectives = angular.module('editDirectives', []);editDirectives.directive('editDirect', function() { return { restrict: 'ACEM', transclude : fa原创 2015-01-06 17:59:22 · 759 阅读 · 0 评论 -
Promises
The traditional way to deal with asynchronous tasks in Javascript are callbacks; call a method, give it a function reference to execute once that method is done.123$.get('api转载 2015-05-26 15:18:55 · 555 阅读 · 0 评论 -
a dependency to an entry point is not allowed
用webpack打包angular项目的时候报a dependency to an entry point is not allowed错误;原因是js如果已经作为entry了,就不能在另一个entry里引用它;也就是dist里的文件不能相互引用原创 2017-02-23 15:10:51 · 3238 阅读 · 0 评论 -
NG Cannot transition to abstract state
Angularjs学习过程中使用ui-router模块时遇到一个问题:Error: Cannot transition to abstract state 'xxx'在这里找到了答案: http://stackoverflow.com/questions/24969441/angularjs-ui-router-default-child-state原创 2017-02-24 14:54:39 · 1768 阅读 · 0 评论 -
AngularJS中基于cookie的权限认证
单页应用(Single Page Apps)正在AngularJS的引领下统治着世界(好屌的样子)。我们在Web 2.0 时代学到的很多东西都已不再适用,在权限认证方面就感觉到了很大的不同。对于不同的构建发布AngularJS app方式有很多处理权限认证的方法,我希望这篇文章可以让你搞清楚其中的一种。CORSCORS常常被误认为是由远程服务器配置的。CORS代表了Cros转载 2017-03-06 15:28:08 · 2957 阅读 · 0 评论 -
基于AngularJs 省市区联动实践
HTML:controller $scope.division = $localStorage.division; $scope.$on('cityVlue', function(e, v) { console.log(v); });directive HTML原创 2017-03-20 16:10:57 · 2156 阅读 · 1 评论 -
AngularJs filter 过滤器
AngularJs filter 过滤器FilterNg里的过滤器。currency:把一个数字格式化成货币模式(如$1,234.56)。当没有提供任何货币符号时,默认使用当前区域的符号。使用:HTML:{{ currency_expression | currency:symbol:fractionSize}}JS:$filter(“currency”)(转载 2017-03-24 09:14:48 · 366 阅读 · 0 评论 -
anjularjs的处理文件上传
anjularjs的处理文件上传 前台:div ng-controller="UploaderController" > input type="file" file-model="myFile" > button ng-click="save()" >保存button>div>12341234js文件: 这里要注意的是,因为是通过anjularjs的htt转载 2017-03-24 09:20:44 · 722 阅读 · 0 评论 -
AngularJS表单验证
客户端表单验证是AngularJS里面最酷的功能之一。 AngularJS表单验证可以让你从一开始就写出一个具有交互性和可相应的现代HTML5表单。在AngularJS中,有许多表单验证指令。在这里,我们将谈谈几个最流行指令,然后我们将讨论如何编写自定义的验证。form name="form"> label name="email">Your emaillabel> inp转载 2015-03-09 15:36:39 · 1908 阅读 · 0 评论 -
angular 结合 css 用图片自定义radio及checkbox样式
css参考ng-class参考转载 2017-04-26 10:55:25 · 1871 阅读 · 0 评论 -
你所不知的 CSS ::before 和 ::after 伪元素用法
CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面,里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外,就是接下来要介绍的这两个伪元素了。Creative Button Styles转载 2017-07-10 16:44:40 · 405 阅读 · 0 评论 -
AngularJS的Filter用法详解
Filter简介Filter是用来格式化数据用的。Filter的基本原型( '|' 类似于Linux中的管道模式):{{ expression | filter }}Filter可以被链式使用(即连续使用多个filter):{{ expression | filter1 | filter2 | ... }}Filter也可以指定多个参数:转载 2017-07-10 11:13:45 · 411 阅读 · 0 评论 -
AngularJS入门之Services
关于AngularJS中的DI在开始说AngularJS的Service之前,我们先来简单讲讲DI(Dependency Injection,通常中文称之为“依赖注入”)。DI是一种软件设计模式,主要为了解决组件获取它的依赖组件的问题。DI的概念渗透在AngularJS的各个地方,AngularJS使用一个专门的子系统($injector)进行DI管理,这个过程包括了创建组件、解析转载 2017-07-10 14:50:00 · 299 阅读 · 0 评论 -
angular--ng-options
利用ng-repeat搭配ng-options 生成条目和选项原创 2015-06-15 11:16:23 · 517 阅读 · 0 评论 -
细说Angular ng-class
在前面Angularjs开发一些经验总结中我们说到在angular开发中angular controller never 包含DOM元素(html/css),在controller需要一个简单的POJO(plain object javascript object),与view完全的隔离(交互angularjs框架的职责。但在某些项目中看见controller涉及DOM的元素最多的是在contro转载 2015-06-08 09:44:21 · 869 阅读 · 0 评论 -
你的第一个AngularJS应用
AngularJS是Google开源出来的一款 Javascript MVC 框架。利用AngularJS,你可以构建结构清晰、便于测试和维护的前端应用。使用AngularJS,你可以通过directive去定义很多自己的HTML元素属性。AngularJS无缝衔接了HTML(view)和Javascript(model),这样你就不需要去过多地关注Dom如何变化,你只需专注的处理你的数据转载 2015-01-07 10:14:49 · 770 阅读 · 0 评论 -
Promise 之基础篇
剖析 Promise 之基础篇随着浏览器端异步操作的复杂程度日益增加,以及以 Evented I/O 为核心思想的 NodeJS 的火爆,Promise、Async 等异步操作封装由于解决了异步编程上面临的诸多挑战,得到了飞速发展。本文旨在剖析 Promise 的内部机制,从实现原理层面深入探讨,从而达到“知其然且知其所以然”,在使用 Promise 上更加熟练自如。如果你还不太了解 Pr转载 2015-01-29 09:49:52 · 770 阅读 · 0 评论 -
debounce函数
当在扩展一个Angular应用的时候,巨大的数据集导致$digest()循环运行缓慢,处理这个$digest()循环延迟问题的方案是使用debounce函数。提示:debounce函数是指,只要它一直在被调用,它就不会被触发,直到它不再被调用的X毫秒后。 e.g:1input ng-model="user.name" ng-model-option原创 2015-01-09 17:31:09 · 1657 阅读 · 0 评论 -
bootstrap模态框导致Y轴下拉框消失解决方法
使用angular 的ng-include在页面中跳转,一个子页面中有一个模态框,当操作了模态框从页面跳转回来时右侧滚动条会消失,添加以下CSS解决.modal { overflow-y: auto;}.modal-open { overflow: auto;}原创 2015-01-28 14:16:28 · 3025 阅读 · 0 评论 -
AngularJS: 使用Scope时的6个陷阱
AngularJS: 使用Scope时的6个陷阱在使用AngularJS中的scope时,会有6个主要陷阱。如果你理解AngularJS背后的概念的话,这6个点其实非常的简单。但是在具体讲述这6个陷阱之前我们先要讲两个其它的概念。概念1: 双向数据绑定双向数据绑定是AngularJS中非常重要的一个部分。一般的绑定对于我们来说已经非常熟悉了。即使你没有听说过双向数据转载 2014-12-26 15:56:50 · 3033 阅读 · 0 评论 -
AngularJS指令进阶 – ngModelController详解
AngularJS指令进阶 – ngModelController详解在自定义Angular指令时,其中有一个叫做require的字段,这个字段的作用是用于指令之间的相互交流。举个简单的例子,假如我们现在需要编写两个指令,在linking函数中有很多重合的方法,为了避免重复自己(著名的DRY原则),我们可以将这个重复的方法写在第三个指令的controller中,然后在另外两个需要的指令中r转载 2014-12-26 16:06:36 · 1022 阅读 · 0 评论 -
angular开发 控制器之间的通信
利用作用域的继承方式由于作用域的继承是基于js的原型继承方式,所以这里分为两种情况,当作用域上面的值为基本类型的时候,修改父作用域上面的值会 影响到子作用域,反之,修改子作用域只会影响子作用域的值,不会影响父作用域上面的值;如果需要父作用域与子作用域共享一个值 的话,就需要用到后面一种,即作用域上的值为对象,任何一方的修改都能影响另一方,这是因为在js中对象都是引用类型。基本类型转载 2014-12-26 16:11:52 · 503 阅读 · 0 评论 -
angular.forEach没有跳出循环语句的解决方法
https://github.com/angular/angular.js/issues/263自己加判断var keepGoing = true;angular.forEach([0,1,2], function(count){if(keepGoing) {if(count == 1){keepGoing = false;}}});原创 2015-01-22 16:23:47 · 10035 阅读 · 0 评论 -
Angular($digest和$apply)
$digest和$apply在Angular中,有$apply和$digest两个函数,我们刚才是通过$digest来让这个数据应用到界面上。但这个时候,也可以不用$digest,而是使用$apply,效果是一样的,那么,它们的差异是什么呢?最直接的差异是,$apply可以带参数,它可以接受一个函数,然后在应用数据之后,调用这个函数。所以,一般在集成非Angular框架的代码时,可转载 2015-05-07 14:50:40 · 871 阅读 · 0 评论 -
AngularJs 过滤器(filter)
过滤器(filter)正如其名,作用就是接收一个输入,通过某个规则进行处理,然后返回处理后的结果。主要用在数据的格式化上,例如获取一个数组中的子集,对数组中的元素进行排序等。ng内置了一些过滤器,它们是:currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制个数)、lowercase(小写)、uppercase(大写)、numbe转载 2015-06-17 11:08:42 · 715 阅读 · 0 评论 -
AngularJs中,如何在render完成之后,执行Js脚本
AngularJs和Jquery的有什么不同?Jquery的主要目的是简化Js编写,专注于浏览器跨平台,主要用来操作DOM.AngularJs主要关注Html数据的获取和呈现,以及应对日益复杂的Web应用需求,使得开发庞大的Web应用能够更加容易。AngularJs呈现页面的原理AnguarJs提供了一些对于Html进行加强的语义标签(directive),这些标签在浏转载 2015-06-01 14:29:29 · 966 阅读 · 0 评论 -
angular 路由
window.location.href = "#/productDetail";$timeout(function () { var applyDom = document.getElementById("apply"); var applyScope = angular.element(applyDom).scope(); applyScope.$apply(function (原创 2015-06-24 16:36:03 · 419 阅读 · 0 评论 -
AngularJs的UI组件Datepicker Popup
Datepicker Popup是用来选择日期的控件,一般和文本框一起使用,功能和Jquery的插件My97DatePicker一样。在Datepicker Popup内部使用了ui-bootstrap的另一个组件Datepicker,是Datepicker的扩展。使用Datepicker Popup前,一定要引用angular-locale_zh-cn.js这个脚本,否则显示出来的月份和转载 2017-09-07 11:13:42 · 3101 阅读 · 0 评论