7、深入探索 ng-grid 与 AngularJS 动画

深入探索 ng-grid 与 AngularJS 动画

1. ng-grid 组件初探

ng-grid 组件（http://angular-ui.github.io/ng-grid）是一个实用的数据驱动网格组件。在使用过程中，我们会逐步引入 AngularJS 服务的概念。服务可创建单例对象，贯穿应用的整个生命周期，有助于不同控制器间共享状态，实现关注点分离。

2. 项目搭建

• 可复制之前项目的 Step03 文件夹并移除特定部分，也可使用本章的 Step01 作为起点。
• 通过 Bower 安装依赖：

# bower install ng-grid --save
# bower install angular --save
# bower install jquery --save
# bower install angular-mocks --save

• 修改 karma.conf.js：

module.exports = function (config) {
    config.set({
        basePath: '../',
        files: [
            'src/bower_components/jquery/dist/jquery.js',
            'src/bower_components/angular/angular.js'