Добавить класс CSS, используя угловые

Question

У меня есть следующий на угловой модели области видимости контроллера:

$scope.model = { 
    subscriber: { email: '', name: '' }, 
    notice: { text: '', type: '' } 
} 

Мне нужно, чтобы отобразить P тег, когда notice.text не является пустым и добавить класс CSS, равный notice.type. Таким образом, у меня есть:

<p class="notice" data-ng-bind="model.notice.text" data-ng-if="model.notice.text != ''"></p> 

Тэг P всегда имеет класс «уведомление». Но мне нужно добавить класс, содержащийся в $ scope.model.type, если он определен.

Как это сделать?

Вопрос на стороне: Есть ли лучший способ показать/скрыть тег P вместо использования данных-ng-if?

Answer 1

Вы можете использовать директиву ngClass

директива ngClass позволяет динамически устанавливать классы CSS на HTML-элемента с помощью привязки данных выражение, представляющее собой все классы, которые будут добавлены.

Код

ng-class="model.notice.text != '' ? model.notice.type : ''"