0

私はAPIから次のデータ構造の配列を取得:表示多次元配列データの角度UI-グリッド

var data = [ 
        { 
         id: 1, 
         name: 'test 1', 
         properties: [ 
          { 
           id: 101, 
           name: 'custom 01' 
          }, 
          { 
           id: 102, 
           name: 'custom 02' 
          } 
         ] 
        }, 
        { 
         id: 2, 
         name: 'test 2', 
         properties: [ 
          { 
           id: 201, 
           name: 'custom 21' 
          }, 
          { 
           id: 202, 
           name: 'custom 22' 
          } 
         ] 
        } 
        and etc ... 
       ] 

私は、各レコードからのネストされた配列のプロパティからのデータを表示する必要があります。

$scope.gridOptions = {}; 
    $scope.gridOptions.columnDefs = []; 
    $scope.gridOptions.data = data.data; 


    $scope.load = function (param) { 

      lovServices.events(param) 
       .then(function (response) { 

        var events = response.events; 

        for (var i = 0; i < events.length; i++) { 
         console.log(events[i].eventProperties) 
         $scope.gridOptions.data = events[i].eventProperties 
        } 

       }) 
     } 
    }); 

console.log(events[i].eventProperties)は私に右のデータセットを示しているが、グリッドがまだ空である:これは私がやろうとしている方法です。誰かが私の間違いがどこにあるのか教えていただけたらと感謝します。 ありがとうございます。

+0

任意のplunkerやフィドルのあなたの配列を使用してcolumnDefsプロパティの助けを借りて、各列を定義する方法の例があり、あなたはあなたのhtmlを投稿することができますか? – Yaser

+0

@YaserAdelMehraban http://plnkr.co/edit/dgIkqq2eFnRUAGHvmkzJ?p=preview 1つのレコードにのみデータを表示します – antonyboom

+0

プランナーを確認してからaを追加した後、 console.logとdata = events [i] .eventPropertiesの後で動作しているようです。ここでチェック:http://plnkr.co/edit/jyqiT5e1k4Uo8ZPUQjCz?p=preview – Yaser

答えて

0

グリッドを構築するには、$ scope.gridOptions.columnDefs = [];を参照する必要があります。

チェックhttp://ui-grid.info/docs/#/tutorial/201_editableアップは、オブジェクト

+0

私はそれを動的に設定しようとしている、それで私は列を定義しませんでした – antonyboom