如何将类似的数据点组合在一起并进行渲染

Question

我需要将我返回到特定组的数据合并，并根据该数据在UI中呈现该组。

"ServiceRequest": [
        {"Status": "Re-Open",
        },{
            "Status": "Open",
        },{
            "Status": "Customer?agent Action Needed",
        },{
            "Status": "Future Review",
        },{
            "Status": "Closed",
        },{
            "Status": "Request Declined",
        }{
            "Status": "Closed",
        },            
    }];

• 开放指标（优先顺序如下）
  • 重新打开
  • 打开（包括新的，推荐的，正在进行中）
• 待定指标
  • 需要客户/代理商行动
  • 未来评论
• 关闭指标
  • 闭
  • 请求拒绝
  • 复制

预期结果

• 状态：打开
• 状态：打开
• 状态：待定
• 状态：待定
• 状态：已关闭
• 状态：已关闭
• 状态：已关闭

使用Angular渲染

Answer 1

您可以在ngrepeat

中尝试订购

<ul>
<li ng-repeat="item in items order by 'status'">Status:{{item.Status}}</li>
</ul>

查看此link了解更多详情

Answer 2

如果您没有从API获取映射，则可以在此处使用过滤器。只是介绍一个返回状态值的函数。

$scope.getStatus = getStatus;
function getStatus (status){
//here you can declare your status mapping as you mentioned above
      var statuses = {
           "Re-Open" : "Open",
           "Closed" : "closed"
       }
       return statuses[status];
}

<ul>
    <li ng-repeat="status in ServiceRequest">Status:{{getStatus(status)}}</li>
</ul>