DataList Ng

Data List Ng

<div ng-app="Example.data-list" ng-strict-di ng-controller="ExampleCtrl as ctrl">
  <rg-data-list
    data="ctrl.data"
    selection="ctrl.selection"
    on-select="ctrl.onSelect"
    item-formatter="ctrl.itemFormatter"
  ></rg-data-list>
</div>

import angular from 'angular';
import RingDataList from '@jetbrains/ring-ui/components/data-list-ng/data-list-ng';
import Selection from '@jetbrains/ring-ui/components/data-list/selection';
import data from '@jetbrains/ring-ui/components/data-list/data-list.mock.js';

function itemFormatter(item) {
  return {
    ...item,
    collapsible: false
  };
}

const selection = new Selection({
  data,
  isItemSelectable: item => item.selectable,
  getChildren: item => item.items || []
});

const exampleModule =  angular.module('Example.data-list', [RingDataList]);

exampleModule.controller('ExampleCtrl', function () {
  this.data = data;
  this.itemFormatter = itemFormatter;
  this.selection = selection;
  this.onSelect = selection => {
    this.selection = selection;
  }
});