title: Change background color with ng-Style
body: <p>How can i change the background color with ng-style?</p>
  
  <p>this Div gonna repeat so the one of the color is from DB. For the plnkr i just fixed the colors, but in my example is like this:</p>
  
  <pre><code>&lt;div class="col-md-offset-0 col-md-2" ng-repeat="type in types" style="margin-bottom:5px;"&gt;
         &lt;div class='container' divCheckbox  ng-style="{'background-color':(isSelected?'{{type.color}}':'#ccc')}&gt;
              &lt;input type='hidden' ng-model="type.show" /&gt;
              &lt;div class="label"&gt;{{type.name}}&lt;/div&gt;
         &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And the directive:</p>
  
  <pre><code>.directive('divCheckbox', function () {
              return {
                  restrict: 'A',
                  link: function (scope, el, attr) {
                      scope.isSelected = el.find('input').val() == 'false';
                      el.on('click', function () {
                          scope.isSelected = !scope.isSelected;
                          scope.$apply();
                      });
                  }
              }
          });
  </code></pre>
  
  <p>Heres my plnkr: <a href="http://plnkr.co/edit/onLA8vSbtwQu1OxZrKzT?p=preview" rel="noreferrer">http://plnkr.co/edit/onLA8vSbtwQu1OxZrKzT?p=preview</a></p>