基于角度属性设置类

Question

我想做这样的事情

ng-class="'notification-{{notification.severity}}' : notification.severity"

，当notification.severity为＆＃34;警告＆＃34;

时，结果为<div class="notification-warn"></div>

目前我得到<div class="notification-"></div>

编辑：这是我想要做的一个例子 https://jsfiddle.net/flashjammin/tgt3tok2/

Answer 1

试试这个

<div ng-if="notification.severity" ng-class="'notification-{{notification.severity}}' : notification.severity == 'warn'"></div>

Answer 2

您可以尝试使用三元运算符在类之间切换。 设置＆＃39; showNotification＆＃39;的值在控制器中。 将notification.severity的值设置为整个

即。 notification.severity =＆＃34; notification-warn＆＃34;;

控制器：

if(notification.severity != '' || notification.severity != null){
    $scope.showNotification = true;
}
else{
    $scope.showNotification = false;
}

HTML：

<div  ng-class="showNotification? 'notification' : notification.severity">