Ng-grid 셀에 여러 항목 삽입

Question

1 셀에 전자 메일, 전화 및 주소와 같은 여러 값을 1 셀에 삽입하는 방법. 셀에 행과 정보를 줄여야합니다.

나는 같은 방법으로 시도 :

angular.forEach($scope.genData,function(row){ 
     row.getNameAndAge = function(){ 
      return this.name + '-' this.age ; 
     } 
    }); 

및 seted :

columnDefs: [ 
      {field:'getNameAndAge()', displayName:'Contacts'} 
     ] 

을하지만 나를 위해 작동하지 않습니다.

내 JSON :

{ 
     "picture": "http://placehold.it/32x32", 
     "about": "Laboris do in mollit nostrud sit tempor ad velit. Duis excepteur ex voluptate dolore elit ad non aliqua. Dolore pariatur non sit eiusmod irure. Aliquip anim officia ea pariatur commodo excepteur. Nisi cupidatat Lorem minim culpa et voluptate commodo duis.\r\n", 
     "guid": "89f8d801-908b-4f9f-a361-d32a0b154451", 
     "name": "Rivers Navarro", 
     "tags": [ 
      "sit", 
      "pariatur", 
      "non", 
      "eu", 
      "sit", 
      "exercitation", 
      "magna" 
     ], 
     "gender": "male", 
     "age": 36, 
     "friends": [ 
      { 
       "id": 0, 
       "name": "Frazier Jefferson" 
      }, 
      { 
       "id": 1, 
       "name": "Polly Estes" 
      }, 
      { 
       "id": 2, 
       "name": "Klein Cleveland" 
      } 
     ], 
     "registered": "2004-05-18T13:23:46 -03:00", 
     "longitude": 79.622006999999996, 
     "email": "riversnavarro@everest.com", 
     "phone": "+1 (972) 552-3807", 
     "address": "962 Grace Court, Neahkahnie, Virginia, 6242", 
     "latitude": -20.004383000000001, 
     "customField": "Hello, Rivers Navarro! You have 4 unread messages.", 
     "balance": "$3,296.00", 
     "company": "Everest", 
     "id": 0, 
     "isActive": true 
    }, 

그리고 내가 셀이 배열을 표시하는 방법 "친구"와 같은 필드가있는 경우? 다음 각 셀에 대한 celltemplate과의

Answer 1

만들기 사용 row.entity.<FIELD> 중 & hellip를 사용하여 원하는 필드를 참조 여기에 예입니다

 
+----------------------+--------------------------------------------------+ 
| Name (age)   | Friends           | 
+----------------------+--------------------------------------------------+ 
| Rivers Navarro (36) | Frazier Jefferson, Polly Estes, Klein Cleveland | 
+----------------------+--------------------------------------------------+ 

:

var nameAgeCellTemplate = '<div class="ngCellText" ng-class="col.colIndex()">{{row.entity.name}} ({{row.entity.age}})</div>'; 
var friendsCellTemplate = '<div class="ngCellText" ng-class="col.colIndex()"><span ng-repeat="friend in row.entity.friends">{{friend.name}}{{$last ? '' : ', '}}</span></div>'; 

$scope.gridOptions = { 
    columnDefs: [ 
    { 
     displayName: 'Name (age)', 
     cellTemplate: nameAgeCellTemplate 
    }, 
    { 
     displayName: 'Friends', 
     cellTemplate: friendsCellTemplate 
    } 
    ] 
}; 

이이 같은 테이블 초래은