title: Adding additional class with ng-class
body: <p>I used yeoman angular generator to scaffold my app, and now I'm working on a specific view.</p>
  
  <p>I'm building a simple <code>ng-repeat</code> function, in order to clean up my html and avoid repeating the same markup 4 times.</p>
  
  <p>I am making content panels, and want to add a class specific to the content, so I can style it with Sass. I tried using <code>ng-class</code> but so far I've been unable to make it work.</p>
  
  <p>I am new to AngularJS, I tried reading the <a href="https://docs.angularjs.org/api/ng/directive/ngClass" rel="nofollow">official ng-class documentation</a> and <a href="https://scotch.io/tutorials/the-many-ways-to-use-ngclass" rel="nofollow">this writeup</a> but so far I'm unable to make it work. I guess it just takes a while to get used to Angular.</p>
  
  <p>here's my view:</p>
  
  <pre><code>&lt;div data-ng-controller="LandingController"&gt;
      &lt;div ng-repeat="panel in panels"&gt;
          &lt;div class="panel-heading"&gt;
              {{ panel.title }}
          &lt;/div&gt;
          &lt;div class="panel-content" ng-class="{{panel.contentClass}}" data-ng-bind-html="panel.content"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and the controller:</p>
  
  <pre><code>'use strict';
  
  angular.module('angularApp')
      .controller('LandingController', function ($scope) {
          $scope.panels = [
              {
                  title: 'lokacija',
                  contentClass: 'location',
                  content:'&lt;p&gt;Institut Jožef Stefan&lt;br&gt;Jamova 30&lt;br&gt;1000 Ljubljana&lt;/p&gt;&lt;br&gt;&lt;div class="map-container"&gt;&lt;/div&gt;'
              },
              {
                  title: 'kontakt',
                  contentClass: 'location',
                  content: ''
              },
              {
                  title: 'delovni čas',
                  contentClass: 'location',
                  content: ''
              },
              {
                  title: 'katalog',
                  contentClass: 'location',
                  content: ''
              }
          ];
      });
  </code></pre>