Skip to content

Instantly share code, notes, and snippets.

@javierguerrero
Created June 4, 2015 22:39
Show Gist options
  • Save javierguerrero/8eecf50b472a241a1947 to your computer and use it in GitHub Desktop.
Save javierguerrero/8eecf50b472a241a1947 to your computer and use it in GitHub Desktop.
<div ng-app='app' class="filters_ct" ng-controller="selectFilter">
<ul>
<li ng-repeat="filter in filters" ng-click="select($index)" ng-class="{sel: $index == selected}">
<span class="filters_ct_status"></span>
{{filter.time}}
</li>
</ul>
</div>
var app = angular.module('app', []);
app.controller('selectFilter', function($scope) {
$scope.filters = [
{
'filterId': 1,
'time': 'last 24 hours',
},
{
'filterId': 2,
'time': 'all',
},
{
'filterId': 3,
'time': 'last hour',
},
{
'filterId': 4,
'time': 'today',
},
{
'filterId': 5,
'time': 'yersteday',
}
];
$scope.selected = 0;
$scope.select= function(index) {
$scope.selected = index;
};
});
.sel {
color:red
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment