我可以为单个元素添加style和ng-style吗？

Question

我正在为两个不起作用的不同动作的单个元素设置样式和ng-style。

如果我将两者加在一起，则无法正常工作。两者都是分开工作

<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

Comparable

JS

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

CSS：

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