![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angularjs
文章平均质量分 73
yzbben
这个作者很懒,什么都没留下…
展开
-
angularjs1.5 组件内用函数向外传值
组件:.component('homeCityListCom',{ bindings: { list: '<', cityname:'&' }, controllerAs: 'vm', template: ` 按拼音首字母选择 {{x.sortNam原创 2017-04-26 21:27:20 · 1492 阅读 · 0 评论 -
走进AngularJs(七) 过滤器(filter) - 吕大豹
原文 http://www.cnblogs.com/lvdabao/p/3475426.htm过滤器(filter)正如其名,作用就是接收一个输入,通过某个规则进行处理,然后返回处理后的结果。主要用在数据的格式化上,例如获取一个数组中的子集,对数组中的元素进行排序等。ng内置了一些过滤器,它们是:currency(货币)、date(日期)、filter(子串匹配)、json(格式转载 2016-12-31 00:00:26 · 234 阅读 · 0 评论 -
angularjs拦截器实现loading
[javascript] view plain copy print? lt;html lang="zh-CN" ng-app="myApp"> "utf-8"> "X-UA-Compatible" content="IE=edge"> "viewport" content="width=device-width,转载 2017-01-05 11:25:28 · 1388 阅读 · 0 评论 -
快速学习AngularJs HTTP响应拦截器
任何时候,如果我们想要为请求添加全局功能,例如身份认证、错误处理等,在请求发送给服务器之前或服务器返回时对其进行拦截,是比较好的实现手段。angularJs通过拦截器提供了一个从全局层面进行处理的途径。四种拦截器实现 request 方法拦截请求?1234request:转载 2017-01-05 11:24:05 · 258 阅读 · 0 评论 -
AngularJS页面访问时出现页面闪烁问题的解决
这篇文章主要介绍了AngularJS框架使用中出现页面闪烁问题的解决方法,闪烁问题一般是初始化未加载完毕造成的,需要的朋友可以参考下我们知道在应用的页面或者组件需要加载数据时,浏览器和angular渲染页面都需要消耗一定的时间。这里的间隔可能很小,甚至让人感觉不到区别;但也可能很长,这样会导致让我们的用户看到了没有被渲染过的页面。这种情况被叫做Flash Of Unrend转载 2017-01-05 09:46:22 · 668 阅读 · 0 评论 -
$parse/$eval和$observe/$watch如何区分
$parse/$eval和$observe/$watch如何区分大家在看angular的时候,有时候偶尔会看到$parse,$eval和$observe,$watch这两对语法,随着深入使用angular,就不可避免使用到它。文章从内部运行机制跟实际需求的角度来解释这两对语法的区别。原理$parse和$eval首先,$parse跟$eval都是用来解析表达式的,转载 2016-12-26 18:21:00 · 339 阅读 · 0 评论 -
利用angular指令监听ng-repeat渲染完成后执行脚本
时间 2016-01-21 08:47:00 博客园-原创精华区原文 http://www.cnblogs.com/wangmeijian/p/5141266.html主题 AngularJS业务中有时需要在异步获取数据并用ng-repeat遍历渲染完页面后执行某个操作,angular本身并没有提供监听ng-repeat渲染完成的指令,所以需要自己动手写。有经验的同转载 2016-12-26 15:57:43 · 627 阅读 · 0 评论 -
angular中的input[checkbox]
属性:参数名称参数类型描述ngModelstring绑定的数据name (optional)string名称ngTrueValue (optional)expression选中的值ngFalseValue (optional)exp原创 2016-12-19 14:12:32 · 2187 阅读 · 0 评论 -
野兽的Angular Api 学习、翻译及理解 - - $cacheFactory
原文 http://www.cnblogs.com/ys-ys/p/4967404.html野兽的ng api学习 -- $cacheFactory可能之前的api写的有些枯燥吧,因为不烧脑,不需要很多逻辑思维来做处理,那么只后的文章会有趣很多哦,慢慢的开始烧脑了,准备好大量脑细胞的死亡吧~ 先来篇简单的缓存服务。这里野兽把api文档里的$cacheFactory转载 2017-01-02 23:09:04 · 380 阅读 · 0 评论 -
升级 AngularJS 1.5:新特性对比与最佳实践(angular.component(),transclusion)
图谋不轨:帮助( 勾引 )开发者过渡到 Angular 2.0私以为,本次更新最重要的两个部分就是 angular.component() 方法和支持了 Multi-slot 的 transclusion:组件与 angular.component() 方法:首先最大的一个变化就是引入了组件的概念,并新增了 angular.component() 方法。经过这么长时间的摸爬转载 2017-01-02 13:34:01 · 9913 阅读 · 0 评论 -
AngularJS 中的Promise --- $q服务详解
先说说什么是Promise,什么是$q吧。Promise是一种异步处理模式,有很多的实现方式,比如著名的Kris Kwal's Q还有JQuery的Deffered。什么是Promise以前了解过Ajax的都能体会到回调的痛苦,同步的代码很容易调试,但是异步回调的代码,会让开发者陷入泥潭,无法跟踪,比如:funA(arg1,arg2,function(){ fu转载 2017-01-23 18:27:23 · 465 阅读 · 0 评论 -
如何在AngularJs中调用第三方插件库
在AngularJs中我们会不可避免的使用第三方库,例如jquery插件库。我们不能散乱的在AngularJS中引入这些库,例如在controller中。那么应该怎么在Angular中使用第三方库呢?如何使用?很简单,给插件写一个directive。在这里,我会使用一个简单的jquery插件Toolbar.js 的DEMO。这是我们如何在jquery中创建一个too转载 2017-01-25 11:19:28 · 3467 阅读 · 0 评论 -
angular学习(十三)——Component
图谋不轨:帮助( 勾引 )开发者过渡到 Angular 2.0私以为,本次更新最重要的两个部分就是 angular.component() 方法和支持了 Multi-slot 的 transclusion:组件与 angular.component() 方法:首先最大的一个变化就是引入了组件的概念,并新增了 angular.component() 方法。经过这么长时间的摸爬转载 2017-05-03 14:26:50 · 1749 阅读 · 0 评论 -
AngularJs $interval 和 $timeout
$intervalwindow.setInterval的Angular包装形式。Fn是每次延迟时间后被执行的函数。间隔函数的返回值是一个承诺。这个承诺将在每个间隔刻度被通知,并且到达规定迭代次数后被取消,如果迭代次数未定义,则无限制的执行。通知的值将是运行的迭代次数。取消一个间隔,调用$intreval.cancel(promise)。备注:当你执行完这项服务后应该把它销毁转载 2017-03-15 09:34:12 · 608 阅读 · 0 评论 -
angularjs的$watch、$watchGroup、$watchCollection使用方式
angularjs的$watch、$watchGroup、$watchCollection使用方式Posted on 2014/05/12如果想在controller里面随时监听一个值的变化那就用$watch $watch: <input type="转载 2017-02-27 10:32:23 · 504 阅读 · 0 评论 -
angularjs directive 实例 详解
前面提到了angularjs的factory,service,provider,这个可以理解成php的model,这种model是不带html的,今天所说的directive,也可以理解成php的model,也可以理解成插件,只不过这种model是带html的,例如:php的分页函数。一,angularjs directive的常用格式,以及参数说明1,return转载 2017-02-03 01:27:02 · 207 阅读 · 0 评论 -
AngularJS的指令(Directive) compile和link的区别及使用示例
如果我想实现这样一个功能,当一个input失去光标焦点时(blur),执行一些语句,比如当输入用户名后,向后台发ajax请求查询用户名是否已经存在,好有及时的页面相应。输入 camnpr失去焦点后提示 camnpr 这个用户名已经存在 用户名已经存在HTML代码如下:1body ng-controller="MainCtrl">转载 2017-02-03 01:14:28 · 4262 阅读 · 0 评论 -
AngularJS 应用优化指南
本文转至:http://byevil.com/2016/05/10/AngularJS-app-performance-optimization-guide/ Edit this page on GitHub May 5, 2016前两天因为想用国内的 JS CDN,访问到 staticfile(七牛提供的一个免费 CDN 服务),导致我的 Chrome 直接卡死了两次,页面关也关转载 2017-02-23 15:49:47 · 352 阅读 · 0 评论 -
理解angularjs中的$emit,$broadcast和$on
在angularjs中提供了emit,broadcast和$on服务用于控制器之间基础事件的传递交流。 1、$emit 该服务贯穿作用域发出一个向上的事件,并通知哪些注册在rootScope.Scope上的监听器。该事件的生命周期开始于emit被启动的地方,事件一直朝着根作用域传递,传递期间并通知哪些注册在作用域上的监听器,如果这期间一个监听器接受到了这个事件,会注销这个事件,那么事件将会转载 2017-01-26 16:49:58 · 351 阅读 · 0 评论 -
在angular中 如何跳到指定的锚点($anchorScroll)
$anchorScrollProviderng 模块中的服务当被调用的时候,页面会滚动到与元素相关联的指定的 hash 处,或者滚动到当前 $location.hash() 处,是依照HTML5 spec 的规则制定的。它当然也会监听 $location.hash() 并且无论锚点值何时变化,都会自动地滚动到相应的位置。当不需要它时,可以调用$anchorScrollProvi转载 2017-01-26 16:11:57 · 12900 阅读 · 0 评论 -
深入理解ANGULARUI路由_UI-ROUTER
最近在用 ionic写个webapp 看到几个demo中路由有好几种,搞的有点晕,查下资料研究下,做个笔记,其中大部分为摘抄别人的,做个说明免得被人吐槽。Angularjs ui-router - 组件:$state / $stateProvider:管理状态定义、当前状态和状态转换。包含触发状态转换的事件和回调函数,异步解决目标状态的任何依赖项,更新$location到当前状转载 2016-12-30 14:32:34 · 446 阅读 · 0 评论 -
angularJS directive详解
前言最近学习了下angularjs指令的相关知识,也参考了前人的一些文章,在此总结下。欢迎批评指出错误的地方。 Angularjs指令定义的APIAngularJs的指令定义大致如下angular.module("app",[]).directive("directiveName",function(){ return{ //通过设置项来定义 };转载 2017-01-02 12:56:43 · 356 阅读 · 0 评论 -
angular指令的transclude选项以及ng-transclude指令
今天我们来研究一下如何使用ng-transclude指令,以及指令的transclude选项;首先要说明我们使用的angular的版本是1.5.0,因为不同版本的表现结果不是那么相同。首先我们应该了解到,在angular指令的选项中,有一项是transclude,这个选项有三种值:false,true,object;那这三种值分别表示什么,该如何选择?下面我们来详细的说明一下。tr转载 2017-01-02 10:26:25 · 871 阅读 · 0 评论 -
A Better $state.reload for the AngularJS UI-Router
原文 http://mwop.net/blog/2014-05-08-angular-ui-router-reload.htmWhile working on Apigility , several times I ran into an odd issue: after fetching new data via an API and assigning it to a s转载 2016-12-14 14:35:08 · 1547 阅读 · 0 评论 -
angular.bind
时间 2014-12-01 12:03:33 ITeye-博客原文 http://boyitech.iteye.com/blog/2162297主题 AngularJSangular.bind描述:上下文,函数以及参数动态绑定,返回值为绑定之后的函数. 其中args是可选的动态参数,self在fn中使用this调用。使用方法:an转载 2016-11-09 17:16:03 · 671 阅读 · 0 评论 -
angularjs directive link 属性 问题
angular.module('docsTransclusionExample', []).controller('Controller', ['$scope', function($scope) { $scope.name = 'Tobias';}]).directive('myDialog', function() { return { restrict: 'E',转载 2016-10-06 12:05:48 · 2197 阅读 · 0 评论 -
Angular页面传参有多种办法,根据不同用例,我举5种最常见的(请在网页版知乎浏览答案):
作者:Ye Huang链接:https://www.zhihu.com/question/33565135/answer/69651500来源:知乎著作权归作者所有,转载请联系作者获得授权。PS: 在实际项目中,请参照https://github.com/johnpapa/angular-styleguide优化您的代码。1. 基于ui-router的页面跳转传参(转载 2016-10-25 15:49:47 · 841 阅读 · 0 评论 -
如何用 Angularjs 的 ui-route 管理状态
时间 2016-03-19 16:19:24 っ凜風と舞雪に原文 http://www.factj.com/archives/485.html主题 AngularJS模板将被插入哪里?状态被激活时,它的模板会自动插入到父状态对应的模板中包含ui-view属性的元素内部。如果是顶层的状态,那么它的父模板就是 index.html 。激活状态转载 2016-10-21 18:38:47 · 704 阅读 · 0 评论 -
AngularJS中service,factory,provider的区别
摘要: 翻译,原文链接:http://www.ng-newsletter.com/advent2013/#!/day/1一、service引导刚开始学习Angular的时候,经常被误解和被初学者问到的组件是 service(), factory(), 和 provide()这几个方法之间的差别。This is where we'll start the twenty-five da转载 2016-10-10 10:23:08 · 279 阅读 · 0 评论 -
AngularJs angular.element
angular.element将DOM元素或者HTML字符串一包装成一个jQuery元素。格式:angular.element(element);element:包装成jquery对象的html字符串或者dom元素jqLite提供的方法:addClass()after()append()attr()bind() – 不支持命名空间,选择器和事件数据child转载 2016-10-10 11:08:22 · 735 阅读 · 0 评论 -
angular学习笔记(二十八)-$http(6)-使用ngResource模块构建RESTful架构
ngResource模块是angular专门为RESTful架构而设计的一个模块,它提供了'$resource'模块,$resource模块是基于$http的一个封装.下面来看看它的详细用法1.引入angular-resource.min.js文件2.在模块中依赖ngResourece,在服务中注入$resourcevar HttpREST = angular.module转载 2016-10-10 10:36:18 · 1119 阅读 · 0 评论 -
AngularJs $resource 高大上的数据交互
$resource创建一个resource对象的工厂函数,可以让你安全的和RESFUL服务端进行数据交互。需要注入 ngResource 模块。angular-resource[.min].js默认情况下,末尾斜杠(可以引起后端服务器不期望出现的行为)将从计算后的URL中剥离。这个可以通过$resourceProvider配置: app.config(["$resourc转载 2016-10-10 10:12:21 · 1608 阅读 · 0 评论 -
AngularJS 之 Factory vs Service vs Provider
英文原文:AngularJS: Factory vs Service vs Provider参与翻译(4人):中奖啦, 戴仓薯, captain-cao, 赵亮-碧海情天当你初试 Angular 时,很自然地就会往 controller 和 scope 里堆满不必要的逻辑。一定要早点意识到,controller 这一层应该转载 2016-10-09 10:44:11 · 295 阅读 · 0 评论 -
AngularJS ng-list 指令
在输入框中,输入一些文本,并使用逗号分隔它们:当使用 ng-list 指令时,你的输入信息会转换为数组,如下所示:{{customers}}ng-list 指令将字符串转换为数组,并使用逗号分隔原创 2016-11-09 18:16:48 · 1287 阅读 · 0 评论 -
AngularJS ng-open 指令
ng-open 指令用于设置 details 列表的 open 属性。如果 ng-open 的表达式返回 true 则 details 列表是可见的。点击这里显示 details 列表: 学的不仅是技术,更是梦想! - 菜鸟教程注意: 目前只有 Opera, Chrome, 和 Safari 浏览器支持 details 标签。原创 2016-11-09 18:22:54 · 871 阅读 · 0 评论 -
angularjs学习笔记—事件指令
时间 2015-03-30 18:43:10 SegmentFault原文 http://segmentfault.com/a/1190000002634554主题 AngularJS HTMLngClick适用标签:所有触发条件:单击#html"LearnCtrl"> "click()">click me "click()">cl转载 2016-11-09 18:31:34 · 206 阅读 · 0 评论 -
谈谈AngularJS 1.3中的一次性数据绑定(one-time bindings)
不久之前,AngularJS 1.3版本正式发布,其中添加了很多的性特性,同时也对之前的一些bug做了修复,最重要的是其中包含一些突破性的变化。其中最重要的一项就是添加了一次性数据绑定。等等,一次性数据绑定?这听起来似乎和AngularJS一直宣扬的双向数据绑定思想完全背离了吗?当然,AngularJS的双向数据绑定一直是AngularJS最重要的特性之一。然而,为了实现双向数据绑定,An转载 2016-12-16 10:04:14 · 668 阅读 · 0 评论 -
AngularJS 不得不了解的服务 $compile 用于动态显示html内容
项目中一度纠结与AngularJS如何动态显示不同的html内容。本来是希望直接使用下面的语句来实现:1div> div>但是很尴尬的是,这样不能识别出html标签,而是直接将html里的页面标签全都显示出来了。这当然不是我想要的效果。谷哥了一番,没想到在官网上就找到了我想要实现的效果,而实现的主角就是今天的 $compile 服务。转载 2016-12-13 18:25:47 · 5524 阅读 · 0 评论 -
学习 ui-router - 路由控制
参考原文:https://github.com/angular-ui/ui-router/wiki/URL-Routing在你的应用中大多数状态都有与其相关联的 url,路由控制不是设计完成 state 之后的事后想法,而是开始开发时就应该考虑的问题。这里是如何设置一个基本url。12345$stateProvider .state('cont转载 2016-11-17 17:04:10 · 255 阅读 · 0 评论 -
ng-bind-html 的使用
AngualrJS 提供了指令ng-bind-html 用于绑定包含HTML标签的文档,使用方式:ANY ng-bind-html="">...ANY>测试案例:index.htmldiv ng-controller="TestCtrl"> div> p ng-bind-html="myHTML">转载 2016-11-17 10:48:50 · 2074 阅读 · 0 评论