var app = angular.module('jsAPP',[]);
app.controller('angularJS',function($scope){
$scope.meyveler = [
{
adi : 'elma',
visible : true,
renk : 'red'
},
{
adi : 'karpuz',
visible : true,
renk : 'green'
},
{
adi : 'kavun',
visible : true,
renk : 'yellow'
},
{
adi : 'erik',
visible : true,
renk : 'green'
},
{
adi : 'portakal',
visible : true,
renk : 'orange'
}
];
});
<html ng-app="jsAPP">
<div ng-controller="angularJS">
<ul ng-repeat="meyve in meyveler" ng-class-odd="'odd'" ng-class-even="'even'">
<li><input type="checkbox" ng-model="meyve.visible"/></li>
<li ng-show="meyve.visible" ng-style="{'color' : meyve.renk}">{{ meyve.adi }}</li>
</ul>
</div>
</html>
.odd{
background-color:#0af;
}
.even{
background-color:#fa0;
}