javascript - AngularJS 动态地改变一个选择的 CSS 类
问题描述
我想在 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;
}
选择后,我希望页面更改选择的外观,但直到选择松散焦点才会发生。
而是直接使用样式属性并设置背景效果很好。
如何解决?
解决方案
你可以这样添加:
[ngClass]="records.length > 0 ? 'fas fa-angle-down' : 'fas fa-angle-up'"
您可以根据需要添加条件。
谢谢
推荐阅读
- here-api - HERE 从哪里获取他们的数据?
- python - 尝试添加第三个伺服
- python - Django Rest Framework 未显示 PATCH/PUT 请求的表单字段
- javascript - 系统从睡眠模式恢复后的 Javascript Promise 行为
- php - 使用 php 在电子邮件中发送表单字段
- python - 从 HTML .txt 文件中读取各个部分
- c++ - 如何从类似 SQL 的行中提取所有参数?
- kotlin - 如何在 Kotlin 的 WeakHashMap 上调用“放置”?
- html - 使用 ASP.NET CORE 从选项菜单在数据库中插入数据时出现问题
- node.js - 在 Node.js 应用程序中等待,直到 neo4j 准备就绪:无法执行发现。没有可用的路由服务器