AngularJS 监听计数 大家都知道，AngularJS 双向数据绑定很 Cool 。简单地说，Angular 在 scope 模型上设置了一个监听队列，用来监听数据变化并更新 view 。每次绑定一个东西到 View 上时 AngularJS 就会往 $watch 队列里插入一条 $watch ，用来检测它监听的 Model 里是否有变化的东西。当浏览器接收到可以被 Angular 执行环境处理的事件时，就会触发 $digest 循环，遍历所有的 $watch，Model 稳定后结束循环。大多数时候，浏览器速度很快这个过程不长，这不是一个大问题。但如果在很复杂的应用下使用不当会造成性能问题，比如说表格树组件中滥用双向数据绑定很容易造成界面很卡。

使用 ocLazyLoad 实现 AngularJS 模块按需懒加载 复杂的 AngularJS SPA 项目需要用路由来管理各个产品模块之间的切换。各个模块的代码如何引入？通常我们的简单做法是在首页将各个模块的代码全部引入，即使首页本身很简单也需要加载很多无用的代码。这样 一来会造成首屏加载时间过长。怎么做到首屏只引入需要显示的必要代码，而在必要的时候再去加载各个模块的代码，做到按需懒加载呢？

AngularJS 整合 Echarts 做饼图 Echarts 很强大有好用，是我工作中做数据 JavaScript 可视化功能的第一选择。本文就是目前项目的统计模块的 demo，希望对你有用。最终效果老规矩，先看一下最终效果。分析问题还记 AngularJS 指令怎样传递函数参数吗？我们将表格封装成了一个指令。如果不封装就没有传递函数参数的问题了吗？我们要重申的是，封装是必要的，封装可以复用代码。试想，如果在再加入一个图表，要求也可以按时间段下钻。如果不封装的话，下钻这块实现要写两次。而且真实场景多数是表格图表都会的。所以说还是封装成组件好。

使用 navbar 和 ui-router 动态加载外部模板 使用 AngularJS material navbar（导航栏组件）可以动态加载外部模板吗？看了 AngularJS material 官网的 Demo，觉得还是没有说清楚，导航栏的数据也是写死的。当然这对入门知识点很有用，不过对于实际项目，帮助就不大了。首先导航栏应该基于数据驱动来渲染，而且点击导航项时应该从动态加载外部模板。基于此，我们取药对 md-nav-bar 进行了扩展。

自定义 AngularJS Material 模态框 AngularJS Material 是基于 Material Design 设计方式，使用 AngularJS 实现的，该项目提供了一套基于 Material Design 系统设计的可重复使用的，易于测试的 UI 组件。它的 layout 使用的是 flex 来布局的，因此大家就知道了他的兼容性了，但是这个是未来的方向。