Могу ли я добавить стиль и стиль нг как для одного элемента?

Question

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

Если я добавляю оба вместе, это не работает.оба работают отдельно

<div class="glyphicon glyphicon-heart" style="width:{{wide}}%;"  ng-style="{'color': (istrue()) ? 'red' : 'yellow' }"></div>

JS

$scope.wide = 50; // dynamic value
$scope.istrue = function () {
     var abc = true;
        if (abc) {
            return true;
        }
        else {
            return false;
        }
     }

Answer 1

Вы также можете применять стили, добавляя динамическое имя класса, как показано ниже:

HTML

<div class="glyphicon glyphicon-heart" style="width:78%;" ng-class="isArrabic()"></div>

JS

$scope.wide = 78; // dynamic value
$scope.isArrabic = function () {
     var arabic = true;
        if (arabic) {
            return 'floatRight';
        }
        else {
            return 'floatLeft';
        }
     }

CSS:

.floatRight {
  float: right; 
  color: red;
}

.floatLeft {
  float: left;
  color: blue;
}