如何使用Angular ui-grid和字符串數組

我已經使用Angular ui-grid來表示來自響應的json對象數組。但是，我當前的用例在響應中返回一個字符串值數組。在這種情況下，電網應該如何配置？如何使用Angular ui-grid和字符串數組

$http.get(url) 
.success(function(data) { 
    if(data.length <= 0 && data != undefined) { 
    $scope.noDataGridEpr="Data is not Available"; 
    console.log("Data is not Available"); 
    } 
    console.log("Data is" + data); 
    $scope.prList = data; 
    console.log("prList is" + $scope.prList); //an array of strings 
    $scope.dataLoadedEpr=true; 
    return true; 
}) 
.error(function(data, status) { 
    console.log("Error from controller. Could not query."); 
    return false; 
})

這將打印

prList is[A/DN,B/LCK,10,10,same,match,match], 
[B/DN,D/LCK,10,10,same,mismatch,match], 
[G/DN,D/LCK,10,10,same,mismatch,mismatch]

這是我目前的格狀構造的外觀

$scope.prGrid = { 
data: 'prList', 
columnDefs: [ 
{field: 'DPin', displayName: 'DPin', width: "5%"}, 
{field: 'CPin', displayName: 'CPin', width: "5%"}, 
{field: 'slack1', displayName: 'slack1', width: "5%"}, 
{field: 'slack2', displayName: 'slack2', width: "5%"}, 
{field: 'cComp', displayName: 'cComp', width: "10%"}, 
{field: 'dComp', displayName: 'dComp', width: "5%"}, 
{field: 'gComp', displayName: 'dComp', width: "5%"} 
enableFiltering: true, 
    multiSelect: false, 
    enableGridMenu: true, 
    enableRowHeaderSelection: false, 
    enableSorting: true, 
    enableColumnResizing: true 
};

我明白上述領域的配置不正確。鑑於我有一個字符串數組作爲我/ P，有人可以指導我如何設置網格中的字符串數組，每個代表一行？

謝謝。

來源

2016-08-21 user1384205

如何關於每個字符串數組映射到一個對象？對象的每個屬性都將按照上面所述的字段命名 – AranS

其次這 - >I need to display an array of strings within ui-grid. Single column, one string per row

嘗試這樣創建/設置由UI柵中消耗的JSON對象這就是。這工作。

$scope.prList = convertArrayOfStringsToGridFriendlyJSON(data); 

function convertArrayOfStringsToGridFriendlyJSON(arr) { 
var out = []; 
arr.forEach(function(entry){ 
entry = entry.replace('[' , '') 
entry = entry.replace(']' , '') 
entry = entry.split(',') 

var obj = {}; //json object   
var DPin= "DPin"; //keys 
var CPin= "CPin"; 
obj[DPin] = entry[0]; 
obj[CPin] = entry[1]; 
out.push(obj); 
}); 
return out; 
};

來源

2016-08-21 08:47:38 user1384205

跟隨這個 - >binding to 2D array

實施例：Check this plnkr.

app.controller('TwoDimensionCtrl', ['$scope','$timeout','uiGridConstants', function ($scope,$timeout,uiGridConstants) { 
    $scope.data=[ 
       ["Cox", "Carney", "Enormo", true], 
       ["Lorraine", "Carney", "Comveyer", false], 
       ["Nancy", "Waters", "Fuelton", false] 
      ]; 

    $scope.gridOptions = { 
      enableSorting: true, 
      columnDefs: [ 
      { name: "firstName", field: "0" }, 
      { name: "lastName", field: "1" }, 
      { name: "company", field: "2" }, 
      { name: "employed", field: "3" } 
      ], 
      data : $scope.data 
     }; 
    $timeout(function() { 
    $scope.data[0][0]="TestMod"; 
    },5000); 

}]);

來源

2017-06-29 09:02:28 dzcxzl

如何使用Angular ui-grid和字符串數組

回答

相關問題