Добавление дополнительного класса с помощью ng-class

Я использовал угловой генератор Yeoman для подкраски моего приложения, и теперь я работаю над конкретным видом.

Я создаю простую функцию ng-repeat, чтобы очистить свой html и не повторять одну и ту же разметку 4 раза.

Я создаю панели контента и хочу добавить класс, специфичный для контента, поэтому я могу настроить его с помощью Sass. Я попытался использовать ng-class но до сих пор мне не удалось заставить его работать.

Я новичок в AngularJS, я пробовал читать официальную документацию по ng-классу и эту запись, но до сих пор я не могу заставить ее работать. Наверное, для того, чтобы привыкнуть к Угловому, требуется некоторое время.

здесь мой взгляд:

<div data-ng-controller="LandingController">
    <div ng-repeat="panel in panels">
        <div class="panel-heading">
            {{ panel.title }}
        </div>
        <div class="panel-content" ng-class="{{panel.contentClass}}" data-ng-bind-html="panel.content">
        </div>
    </div>
</div>

и контроллер:

'use strict';

angular.module('angularApp')
    .controller('LandingController', function ($scope) {
        $scope.panels = [
            {
                title: 'lokacija',
                contentClass: 'location',
                content:'<p>Institut Jožef Stefan<br>Jamova 30<br>1000 Ljubljana</p><br><div class="map-container"></div>'
            },
            {
                title: 'kontakt',
                contentClass: 'location',
                content: ''
            },
            {
                title: 'delovni čas',
                contentClass: 'location',
                content: ''
            },
            {
                title: 'katalog',
                contentClass: 'location',
                content: ''
            }
        ];
    });