將值與作為一但用逗號分隔的數組分開

Question

請看這個下拉菜單

我有一個顯示為 ng-option 的數組列表。 列表中作為 PCBU 出現的所有值有時包含兩個以逗號分隔的 PCBU。 結帳 JSON 響應，第一個 PCBU 的值是“NKSMO,NNOWR”。 我試圖在 ng 選項中將其顯示為兩個單獨的 PCBU 選項“NKSMO”和“NNOWR”，現在它顯示為一個“NKSMO，NNOWR”選項。

JSON 響應

"statusType":"success",
"statusMsg":{  
    "approvals":{  
         "inProgress":[  
            {  
               "projectStatus":"Pending Decision",
               "pcbu":"NKSMO,NNOWR",
               "statusUpdatedDate":"2019-07-31 15:04:30",
               "requestType":"PORCHNGEREQ",
               "folderStatus":false,
               "projectName":"TEST POR CAHNGE REQ",
               "priority":"NORMAL",
               "projectId":24324
            },
            {  
               "projectStatus":"Pending Decision",
               "pcbu":"NKSMO",
               "statusUpdatedDate":"2019-05-24 09:41:36",
               "requestType":"PORCHNGEREQ",
               "folderStatus":false,
               "projectName":"Mobile Test - Jack - POR 1",
               "priority":"NORMAL",
               "projectId":23351
            }
         ],

$scope.pcbuSelect = "";

$scope.loadRequests=function(requestType){
    var jsonObj = {
      "userId":$scope.userId,
      "requestType":requestType
    };
    workflowProjFundFactory.getApprovalRequest(jsonObj)
    .success(function(data, status) {
        if (JSON.stringify(data.statusType).indexOf("success") > -1) {            
            var allrequests = data.statusMsg;
            $scope.inProgressDataList=$scope.inProgressDataList
                .concat(allrequests.approvals.inProgress) ;
            $scope.pcbuList = $scope.inProgressDataList
                .concat(allrequests.approvals.pcbu);
        }
    }
}

<label for="PCBU" class="control-label-left typeAllOptionStyling">PCBU</label>
<div class="selecteddiv" style="margin-right: 1%;">
    <select ng-model="pcbuSelect" name="pcbuSelect"
            ng-options="removeUndefined(item.pcbu) for item in pcbuList | unique:'pcbu'"></select>
</div>

我曾嘗試使用 split 方法將逗號與數組分開，但它對我不起作用。

Answer 1

我沒有完全理解您的問題，我已將所有 PCBU（逗號分隔）提取到一個可以輕松傳遞給 ng-options 的數組中

 let json={ "statusType": "success", "statusMsg": { "approvals": { "inProgress": [{ "projectStatus": "Pending Decision", "pcbu": "NKSMO,NNOWR", "statusUpdatedDate": "2019-07-31 15:04:30", "requestType": "PORCHNGEREQ", "folderStatus": false, "projectName": "TEST POR CAHNGE REQ", "priority": "NORMAL", "projectId": 24324 }, { "projectStatus": "Pending Decision", "pcbu": "NKSMO", "statusUpdatedDate": "2019-05-24 09:41:36", "requestType": "PORCHNGEREQ", "folderStatus": false, "projectName": "Mobile Test - Jack - POR 1", "priority": "NORMAL", "projectId": 23351 } ] } } } let dropdown=(json.statusMsg.approvals.inProgress.map(p=>p.pcbu.split(",")).flat()); let unique_dd=[...new Set(dropdown)]; console.log(unique_dd);