<html ng-app="App">
<head lang="en">
<meta charset="UTF-8" />
<meta content="IE=edge" http-equiv="X-UA-Compatible" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<script>document.write('<base href="' + document.location + '" />');</script>
<link href="style.css" rel="stylesheet" />
<script data-semver="1.2.26" src="http://code.angularjs.org/1.2.26/angular.js" data-require="angular.js@1.2.x"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.1/angular-filter.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="script.js"></script>
<title></title>
</head>
<body>
<div>
<div data-ng-controller="OutAnCtrl ">
<br />
<div class="container">
<div class="row">
<div class="col-xs-3">
<br />
<label for="DataIscr">DataIscr:</label>
<select style="width:200px" data-ng-options="Person for Person in OutAnagrafica| removeDuplicates " id="DataIscr" data-ng-model="filter.DataIscr" class="form-control input-sm"></select>
<br />
<button data-ng-click="clearBox()" class="btn btn-primary" type="button">Clear</button>
</div>
</div>
</div>
<br />
<div class="container">
<div class="row">
<table class="table table-striped table-condensed">
<thead>
<tr>
<th>ID</th>
<th>Cognome e Nome</th>
<th>Sesso</th>
</tr>
</thead>
<tbody>
<tr data-ng-repeat="Person in OutAnagrafica|filter:filter.DataIscr">
<td>{{Person.IdPers}}</td>
<td>{{Person.CognNome}}</td>
<td>{{Person.Sex}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<script src="script/angular.min.js" type="text/javascript"></script>
<script src="js/ui-utils.min.js" type="text/javascript"></script>
<script src="app.js" type="text/javascript"></script>
</body>
</html>
var App = angular.module('App', ['angular.filter']);
App.controller("OutAnCtrl", function ($http, $scope,$filter) {
$http.get('OutAnagrafica.json')
.success(function (data) {
$scope.OutAnagrafica = data;
});
$http.get('OutCommissioni.json')
.success(function (data) {
$scope.OutCommissioni = data;
});
$scope.clearBox = function () {
$scope.filter = "";
};
});
App.filter('removeDuplicates', function ($filter) {
return function (input) {
var dates=[];
angular.forEach(input,function(item,index)
{
dates.push($filter('date')(item.DataIscr,'yyyy'));
})
console.log(dates);
return $filter('unique')(dates);
};
});
/* Styles go here */
[
{
"IdPers": "1067",
"CognNome": "JANE SMITH",
"Sex": "F",
"DataIscr": "1949-12-29T00:00:00+01:00"
},
{
"IdPers": "1093",
"CognNome": "JOHN SMITH",
"Sex": "M",
"DataIscr": "1969-12-02T00:00:00+01:00"
},
{
"IdPers": "1093",
"CognNome": "JANE SMITH",
"Sex": "F",
"DataIscr": "1969-06-17T00:00:00+01:00"
}
]