javascript - Angular : How to show icon. png 取决于项目的属性？

Question

我有一个如下所示的对象数组:

[{"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 语句？

Answer 1

我认为最通用的方法是创建一个映射，然后使用它。

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>