Angular Miller Columns
This set of native AngularJS directives allows for easy creation a miller columns navigation interface
Install
npm install --save angular-miller-columns
Usage
Markup:
In your controller:
var nodes = id: 'id1' node: 'node1' type: 'leaf' info: whatever: you need id: 'id2' node: 'node2' type: 'branch' ; // The node provider must be an instance of MillerColumnsNodeProvider factorythisnodeProvider = ; // Its getChildrenNodes must return "node" children.// If node === null, you should return root level nodes. The way you retrieve/store your nodes is up to you// You may directly return data or return a promise.thisnodeProvider { return ; // OR // return data;}; this { // Whatever you need...}; // You may also inject the MillerColumnsConfiguration value provider in your controller and set some options// Activate column filter (activated by default)MillerColumnsConfigurationfilter = true;// Set filter field placeholderMillerColumnsConfigurationfilterPlaceholder = 'Filter!';