我有一个如下所示的对象数组:
[{"name":"Steve", "hourly_wage":16, "status":"part-time"},
{"name":"Maria", "hourly_wage":25, "status":"full-time"},
{"name":"Jose", "hourly_wage":21, "status":"former"}]
我想为每个人的就业状态显示一个图标。全职为全圆,兼职为半圆,前者为空圆。我怎样才能在 Javascript/Angular 中做到这一点?我正在考虑 ng-hide 内部的某种 if 语句?
最佳答案
我认为最通用的方法是创建一个映射,然后使用它。
JS:
$scope.statusIconMapping = {"part-time": "half_circle.jpg",
"full-time": "full_circle.jpg",
"former": "empty_circle.jpg"
};
标记:
<div ng-repeat="employee in employees">
...
<img src="{{statusIconMapping[employee.status]}}" />
</div>
关于javascript - Angular : How to show icon. png 取决于项目的属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34657017/