Conditional ng-style with conditional value

@Mistalis Stackoverflow

by Abbas Jaber

HTML

<div ng-app="myApp" ng-controller="MyCtrl">
  <div ng-repeat="person in people" ng-style="{'background-color': person.id === mainId ? person.color : ''}">
    {{person.name}}
  </div>
</div>

JavaScript

var myApp = angular.module('myApp', []);
myApp.controller('MyCtrl', ['$scope', function($scope) {
	$scope.people = [ 
 		{
      id: 1,
      name: 'John',
      color: '#42a1cd'  
  	},
    {
      id: 2,
      name: 'Cena',
      color: '#42a1ce'  
  	}
  ]
 
}]);