ng-table插件（二-惰性加载数组）

AngularJS ng-table插件第二讲，下面这个官网例子会根据ng-option来调用map来改变内部数据，然后整个ng-table也会改变。
下面是源码，我会根据源码来讲解

  

    
Lazy loading managed array
    

      
Overview
      
You are not limited to having the data array to hand at the time when NgTableParams is created. So for example you could load the data using $http and then hand this to NgTableParams
    
    

      

        Select dataset
        
      
    
    

      

        
{{row.name}}
        
{{row.age}}
        
{{row.money}}
      
    
  

• 使用controller as demo来把controller内的对象绑定在controller 的实例对象上。可以跨越scope调用，进行双向绑定。
• 当ng-option发生变化的时候，会触发ng-change，ng-change会把值传进到changeDs()中。
• $data是ng-table内部数据源，row in $data ng-table会遍历展示数据源。
• filter="{name: 'text'}" filter属性会规定过滤条件。

(function() {
  "use strict";
  var app = angular.module("myApp", ["ngTable", "ngTableDemos"]);
  app.controller("demoController", demoController);
  demoController.$inject = ["NgTableParams", "ngTableSimpleList"];
  function demoController(NgTableParams, simpleList) {
    var self = this;
    self.changeDs = changeDs;//因为已经用controller as demo，相当于实例化controller，直接通过this可以调用
    self.datasets = ["1", "2"];//ng-options的值
    self.dataset1 = simpleList;//simpleList相当于ngTableSimpleList注入的数据源。与createDs2想对应（当ng-option为1的时候）。
    self.dataset2 = createDs2();//与createDs2想对应，与ng-option=2对应与。
    self.tableParams = new NgTableParams();//实例化table插件
    function changeDs() {//当ng-change时候调用
      self.tableParams.settings({
        dataset: self["dataset" + self.dataset]；//确定调用dataset1还是dataset2
      });
    }
    function createDs2() {//这里就是通过map改变数据
      return simpleList.map(function(item) {
        return angular.extend({}, item, {
          age: item.age + 100
        });
      });
    }
  }
})();
(function() {
  "use strict";
  angular.module("myApp").run(configureDefaults);
  configureDefaults.$inject = ["ngTableDefaults"];
  function configureDefaults(ngTableDefaults) {//这里可以看出源码是根据provider实现的
      ngTableDefaults.params.count = 5;
      ngTableDefaults.settings.counts = [];
  }
})();