Angular
  1. 首页
  2. Angular

AngularJS 2 组件交流方式

父组件向子组件流入数据这种方式是最简单的，在ng2中处理得非常完美，通过在子组件中标记@input()输入接口的方式进行接收父组件的值，我下面的demo主要分了几种场景，尽可能的多覆盖不同情况吧。无关组件的通信ng2在无关组件的处理上，真的处理得很干脆，给你一个钩子，你用吧！其实还有一些方式和特殊场景下的处理，所以总体来说，ng2在这方面是不错的～

AngularJS ocLazyLoad按需加载控制器/js文件的延迟加载一

一、ocLazyLoad说明1.ocLazyLoad是AngularJS的第三方库，可以实现模块、控制器及其他依赖的动态加载/按需加载2.$ocLazyLoad.load()支持多个文件，可以自定义指定文件类型，可以自定义指定是否缓存在客户端3.存在问题，$ocLazyLoad.load()，返回动态类型$$state，对于js文件不存在或加载失败还没有找到相关处理的api二、相关链接：Git源代

AngularJS动画一

ngAnimate模型并不能使HTML元素产生动画，但是ngAnimate会监测事件，类似隐藏显示HTML元素，如果事件发生ngAnimate就会使用预定义的class来设置HTML元素的动画。AngularJS添加/移除class的指令:ng-showng-hideng-classng-viewng-includeng-repeatng-ifng-switchng-show和ng-hide指令用于添加或移除ng-hideclass的值。例如：ng-hide指令会添加一下类：ng-animateng-hi

AngularJS : this与$scope数通的暴露与通讯

controlleras”是Angular在1.2版本后新增的语法，我将从引用方式，作用范围，对象对比三个方面做两者的比较：引用方式：1)$scope只需要在注入中声明，后面就可以直接在附加数据对象：controller:html:2)this则采用了controlleras写法：controller:html:作用范围：1)$scope中的变量或数据对象我们可以全部拿到，并且上级控制器中的变量也可以在下级控制器中被获取到：

在上海GDG与Angular团队面对面

总结以上是DEVMAX为你收集整理的在上海GDG与Angular团队面对面全部内容。如果觉得DEVMAX网站内容还不错，欢迎将DEVMAX网站推荐给好友。

angularjs ng-repeat

可以理解为ng-repeat默认是trackby$hashKey的。这相当于react中data-reactid的功能，这样angular并不比react慢。iteminitemstrackby$index按索引变量$index循环三，ng-repeat和ng-repeat和都是循环一个items，区别是ng-repeat-start，ng-repeat-end可以跨越多个标签，而ng-repeat只能在一个标签里面循环！这是因为ng-Repeat不允许collection中存在两个相同Id的对象。如果是

Angular2 之 路由与导航

一个url对应的一个页面，在angular2中是一个组件。路由是从@angular/router包中引入的。CanActivate使用CanActivate来处理导航路由，需要在路由配置中，添加导入AuthGuard类，修改管理路由并通过CanActivate属性来引用AuthGuard。CanActivateChild守卫的工作方式和CanActivate守卫很相似，不同之处在于它会在每个子路由被激活之前运行。但更理想的是，我们只在用户已经登录的情况下加载AdminModule，并且直到加载完才放行到它

Angular2 之 结构型指令

Angular有一个强力的模板引擎，它能让你轻松维护元素的DOM树结构。Angular指令可分为三种组件属性型指令结构型指令组件组件其实就是一个带模板的指令。angular会继续检查哪些能影响数据绑定的变更。angular会从DOM中移除该元素，停止相关组件的变更检测，把它从DOM事件中移除，并且销毁组件。而在Angular应用中，Angular会移除标签及其子元素。’，在Angular的控制下，DOM的效果是不同的。显然，Angular把标签及其内容替换成了一个空白自定义指令我们自顶一个类似ngIf的指