각도로 동적 하위 필드를 표시하는 방법

Question

나는 angular.js에 동적 양식 응용 프로그램을 작성하고 있으며 목록의 하위 개체에 액세스하는 방법에 대해 고심하고 있습니다.

개체 모음과 목록 열 집합이 있습니다. 지정된 열에 따라 컬렉션의 각 레코드에서 필드를 표시하려고합니다.

아래 나열된 코드는 일부 개체에서만 작동하지만 다른 개체에서는 작동하지 않습니다. 이 예에서는 Root가 표시되지만 Sub.Start는 표시되지 않습니다. 왜 그런지 모르지만, 어떻게 작동시킬 수 있는지 궁금합니다.

var collection = 
[ 
    {Root: 'B', Sub: {Start: 'T' }} 
]; 

var columns = 
[ 
    { Field: 'Root' }, 
    { Field: "Sub.Start"}, 
]; 

<tr ng-repeat="item in collection"> 
    <td ng-repeat="column in columns" >{{ item[column.Field] }}</td> 
</tr> 

Answer 1

항목이 [ "Sub.Start"] 존재하지 않기 때문에이 작동하지 않습니다.

당신의 콜렉션은 다음과 같이 구성되어야 할 것이다 :

{ 루트 : "B", "Sub.Start": "T" }