AngularJS 动态改变一个选择 css 类答案

【问题标题】：AngularJS dinamically change a select css classAngularJS 动态改变一个选择 css 类
【发布时间】：2020-12-23 14:09:59
【问题描述】：

我想在 angularjs 中选择选项更改时动态更改选择组件的外观。

这是我的标记

<select id="actionType" ng-class="$ctrl.pdaProject.actionType.color" ng-options="::(option.code + ' - ' +option.description) for option in $ctrl.actionTypes | orderBy:'code' track by option.code name="actionType" ng-model="$ctrl.pdaProject.actionType" class="editable-input form-control input-sm multicolor" required>
    <option value=""></option>
</select>

$ctrl.pdaProject.actionType.color 包含一个 css 类名。颜色类示例

.mark-yellow {
        background-color:#FEE715;
        color: #101820;
}

一旦选择，我希望页面更改选择的外观，但直到选择松散焦点才会发生。

直接使用 style 属性设置背景效果很好。

如何解决？

【问题讨论】：

标签： javascript css angularjs

【解决方案1】：

可以这样添加：

[ngClass]="records.length > 0 ? 'fas fa-angle-down' : 'fas fa-angle-up'"

您可以根据需要添加条件。

谢谢

【讨论】：

您确定要回答我的问题吗？我在问如何用我的 css 样式更改 css 而无需模糊我的 html 组件