腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

pangguoming

专栏作者

400

文章

1193840

阅读量

58

订阅数

Angular2 -- 生命周期钩子

指令和组件的实例有一个生命周期：新建、更新和销毁。每个接口都有唯一的一个钩子方法，它们的名字是由接口名加上 ng前缀构成的。比如，OnInit接口的钩子方法叫做ngOnInit。指令和组件 ngOnInit：当Angular初始化完成数据绑定的输入属性后，用来初始化指令或者组件。 ngOnChanges：当Angular设置了一个被绑定的输入属性后触发。该回调方法会收到一个包含当前值和原值的changes对象。 ngDoCheck：用来检测所有变化（无论是Angular本身能检测还是无法检测的），并作出相应行动。在每次执行“变更检测”时被调用。 ngOnDestory：在Angular销毁指令或组件之前做一些清理工作，比如退订可观察对象和移除事件处理器，以免导致内存泄漏。只适用于组件 ngAfterContentInit：当Angular把外来内容投影进自己的视图之后调用。 ngAfterContentChecked：当Angular检查完那些投影到自己视图中的外来内容的数据绑定之后调用。 ngAfterViewInit：在Angular创建完组件的视图后调用。 ngAfterViewChecked：在Angular检查完组件视图中的绑定后调用。

2018-07-30

7410

angularJS constant和value

angularJS可以通过constant(name,value)和value(name,value)对于创建服务也是很重要的。相同点是：都可以接受两个参数，name和value。区别： 1.constant(name,value)可以将一个已经存在的变量值注册为服务，并将其注入到应用的其他部分中。其中，name为注册的常量的名字，value为注册的常量的值或对象。举例： (1)value为值时： angular.module('myApp') .constant('apiKey','12312312

2018-03-09

6730

AngularJS 用 $http.jsonp 跨域SyntaxError问题

必须添加参数：callback=JSON_CALLBACK ，才能进success方法，如下： $http.jsonp("https://request.address.json?callback=

2018-03-08

6750

angular之interceptors拦截器

<!DOCTYPE html> <html ng-app="nickApp"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <title>interceptors</title> <script src="http://apps.bdimg.com/lib

2018-03-08

2.1K0

AngularJS例子 ng-repeat遍历输出通过js的splice方法删除当前行

<!doctype html> <html> <head> <meta charset="utf-8"> <title>ng-repeat directive</title> </head> <body ng-app="myApp"> <table ng-controller="CartController"> <caption>我的购物车</caption> <tr> <th>序号</th> <th>商品</th> <th>单

2018-03-08

1.6K0

AngularJS driective 封装自动滚动插件

1.ui-smooth-scroll.js文件内容 angular.module('app') .directive('uiSmoothScroll', ['$location', '$anchorScroll', function($location, $anchorScroll) { return { restrict: 'AC', scope: { data:"=" },

2018-03-07

1.3K0

AngularJS中的按需加载ocLazyLoad

初学者，有不足的地方希望各位指出一、前言　　　　ocLoayLoad是AngularJS的模块按需加载器。一般在小型项目里，首次加载页面就下载好所有的资源没有什么大问题。但是当我们的网站渐渐庞大起来，这样子的加载策略让网速初始化速度变得越来越慢，用户体验不好。二来，分模块加载易于团队协作，减低代码冲突。　　二、按需加载的对象各个Controller模块、Directive模块、Server模块、template模板，其实这些都是一些 .js文件或者 .html文件。　三、按需加载的场

2018-03-07

1.6K0

AngularJs中，如何在render完成之后，执行Js脚本

AngularJs是Google开源的前端JS框架。使用AngularJs, 我们能够容易地、健壮的开发出类似于Gmail一样的单页Web应用。AngularJs这个新兴的MVC前端框架，具有以下特点

2018-03-07

2.6K0

AngularJS 中文资料+工具+库+Demo 大搜集

angularjs hive html

中文学习资料：中文资料且成系统的就这么多，优酷上有个中文视频。 http://www.cnblogs.com/lcllao/archive/2012/10/18/2728787.html 翻译的官方的Guide http://www.ituring.com.cn/minibook/303 翻译的官方的tutorial http://www.lovelucy.info/angularjs-best-practices.html Angular最佳实践 http://zouyesheng.com/an

2018-03-07

7470

在AngularJS应用中实现认证授权

angularjs ajax 安全 api

在AngularJS应用中实现认证授权在每一个严肃的应用中，认证和授权都是非常重要的一个部分。单页应用也不例外。应用并不会将所有的数据和功能都暴露给所有的用户。用户需要通过认证和授权来查看应用的某个特定部分，或者在应用中进行特定的行为。为了在应用中对用户进行识别，我们需要让用户进行登录。在用户管理方面，传统的服务器端应用和单页应用的实现方式有所不同，单页应用能够和服务器通信的方式只有AJAX。对于登录和退出来说也是如此。负责识别用户的服务器端需要暴露出一个认证断电。单页应用将会把用户输入的信息发

2018-03-07

2.1K0

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态