Show Config API Docs

$scope.filterOptions = [
{
    type: "OPTIONS",
    label: "Material",
    field: "material",
    options: $scope.dataSource.map(function(m) { return m.name }) // map object array to string
},
{
    type: "TEXT",
    label: "Symbol",
    field: "symbol"
},
{
    type: "AUTOCOMPLETE",
    label: "Material Search",
    field: "material",
    params: {
        querySearch: $scope.querySearch // if autocomplete, pass function which returns promise
    }
}
]

Configuration:

Save Filter State (filter keeps selection after page reload)

Auto-apply (callback is executed automatically on each filter change)

JSON output:

Position	Material	Weight	Symbol
1	Hydrogen	1.0079	H
2	Helium	4.0026	He
3	Lithium	6.941	Li
4	Beryllium	9.0122	Be
5	Boron	10.811	B
6	Carbon	12.0107	C
7	Nitrogen	14.0067	N
8	Oxygen	15.9994	O
9	Fluorine	18.9984	F
10	Neon	20.1797	Ne
11	Sodium	22.9897	Na
12	Magnesium	24.305	Mg
13	Aluminum	26.9815	Al
14	Silicon	28.0855	Si
15	Phosphorus	30.9738	P
16	Sulfur	32.065	S
17	Chlorine	35.453	Cl
18	Argon	39.948	Ar
19	Potassium	39.0983	K
20	Calcium	40.078	Ca