var app = angular.module('app', ['app.albums']);
angular.module('app.albums', [])
.controller('albums', albums);
function albums($scope) {
function getAlbumsBetweenReleaseDates(startdate, enddate) {
var results = {
"albums": [{
"title": "A Head Full of Dreams",
"artist": "Coldplay",
"releasedate": "12/04/15"
}, {
"title": "Rivers In The Wasteland",
"artist": "NeedToBreathe",
"releasedate": "04/15/15"
}]
};
return results.albums;
}
$scope.albums = getAlbumsBetweenReleaseDates();
}
<div ng-app="app">
<div ng-controller="albums">
<label>Start Date: </label>
<input type="text" class="albums--start-date" />
<label>End Date: </label>
<input type="text" class="albums--end-date" />
<input type="button" value="Filter" class="albums--submit-button" />
<div ng-repeat="item in albums">
<div>{{ item.title }}</div>
<div>{{ item.artist }}</div>
<div>{{ item.releasedate }}</div>
</div>
</div>
</div>
External resources loaded into this fiddle: