Conditional ng-style with conditional value

@Mistalis Stackoverflow

by Mistalis

HTML

<div ng-app="myApp" ng-controller="MyCtrl">
  <div ng-style="{'background-color': someone.color}">
    {{someone.name}}
  </div>
</div>

JavaScript

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