el-table

pseudo.js

// ctrl

() => {
  this.dataObj = new supergloo.pager('connected_users');
}

// html

<el-table data-obj={{ctrl.dataObj}}>

  // Gets transcluded into rows ("row markup")
  <eg-table-col>
    <img src="$item.avatar">
    <span>{{$item.title}}</span>
  </eg-table-col>

</el-table>


// el-table internals

() => {

  this.data = this.dataObj.data;
  this.meta = this.dataObj.meta;
  this.onNextPage = this.dataObj.nextPage;
  this.onPrevPage = this.dataObj.onPrevPage;
  this.onFilter = this.dataObj.onFilter;

}

// el-table html

<el-row ng-repeat="$item in ctrl.dataObj.data">
  <div ng-transclude>
</el-row>

^(^_^)> <3