Angular
  1. 首页
  2. Angular

AngularJS实现原理

个人觉得，要很好的理解AngularJS的运行机制，才能尽可能避免掉到坑里面去。这样就把Javascript的context分隔成两部分，一部分是原生的Javascript的context，另一部分是AngularJS的context。最后，希望这篇博客能帮助大家更好的理解AngularJS在背后干的事情。

为生产环境编译 Angular 2 应用

接下来就介绍如何为生产环境编译Angular2应用，在本文中，我们将Angular2官方文档中的HelloAngular应用编译到50K以下，以用于生产环境。未经优化的应用根据Angular2官方的QuickStart快速创建一个HelloAngular应用，在没有任何优化的情况下，运行情况如下图所示：从上图可以看出，仅仅一个Hello应用，就产生了40个请求，加载了1.8M的脚本，这个在生产环境下是无法接受的。AOT以及TreeShakingES2016有一个很重要的特性，那就是TreeShaking，

AngularJS实际项目应用——模块划分

angularjs的设计理念是鼓励多模块的，每个模块可以依赖于其它模块，这样可以用模块的概念匹配业务功能。所以在设计angularjs的程序时，可以根据一定的业务规则进行模块划分。一般来讲，一个angularjs的程序都会有一个app模块，也就是程序的入口点。system-ldap.module.js这个例子看，此模块没有实质性的意义，但其实可以有和上一层模块同样的作用，就是处理二级菜单下独有的依赖以及angularjs组件。

angular学习十—— Filter

angularjs有一些内置的过滤器，如果想自己自定义也很容易。为此，需要将过滤器以Filter的语法注入到相应的controller/service/directive中。过滤器函数是一个纯函数，这意味着给出相同的输入参数总能得到相同的输出结果，而不受外界状态的影响。根据这一点，angularjs才能做到仅仅当输入变化时才去执行一次过滤器。过滤器的名字必须是有效的angularjs表达式标识符，例如uppercase，orderBy。名字中不能带有特殊字符，比如－和.都是不允许的，你可以用骆驼命名法或者

AngularJs控制器说明一

一.控制器使用示例ng-controllerjs代码：特别说明：1.app.controller,如果控制器不存在，angularjs不会抛出异常，内部代码也不会执行。

angular2省市县三级联动，封装组件，使用@Output()传递给父组件

再讲之前先讲一下父组件获取子组件的数据@Output()A:子组件需要做的工作B:父组件要做的工作下面开始讲解三级联动组件，省市县数据使用node(express)提供，使用jsonp跨域获取数据，后端代码就不多说了，简单的增删改查1、子组件three-link.component.ts2、子模板three-link.component.html3、父模板4、父组件5、获取数据的服务核心就是：定义

AngularJS学习笔记(1) --- 执行过程

前言由于在博客系统的开发中和近期工作中的前端框架主要使用AngularJS,因此在这里记录学习和使用AngularJS的过程中遇到的一些需要记录的点。执行过程弄清楚AngularJS的执行过程是很重要的，这样你才能在正确的时机做正确的事。回到主题，AngularJS框架的执行过程大致如下所示：配合源码会理解的更清楚：具体代码可以到源码中查看，这里简要说明一下：bindJQuery()尝试绑定jQuery对象，如果没有则采用内置的jqLite。至此，AngularJS的执行过程也就告一段落了。