javascript - angularjs は動的にバインドまたはモデルを設定します

Question

テーブルに列を動的に入力しようとしています: http://jsfiddle.net/REjUv/1/

$scope には、それぞれがプロパティ名と行のアイテムの配列を持つ列定義の配列があります

td 要素のコンテンツを、関連する列の名前を持つアイテムのプロパティに設定しようとしています

<div ng-app ng-controller='ListController'>
    <table>
        <tr>
            <th ng-repeat='column in columns'>{{column.text}}</th>
        </tr>
        <tr ng-repeat='item in items'>
            <td ng-repeat='column in columns'>
                <!--how do i set the ng-bind to item.[column.name]-->
                <label type='text' ng-bind='item.name' />
            </td>
        </tr>
    </table>
</div>


function ListController($scope){
    $scope.columns = [
        { name: 'id', text: 'Id' },
        { name: 'code', text: 'Code' },
        { name: 'name', text: 'Name' }
    ];

    $scope.items = [
        { id:1, code: 'A', name: 'AAA' },
        { id:2, code: 'B', name: 'BBB' },
        { id:3, code: 'C', name: 'CCC' },
        { id:4, code: 'D', name: 'DDD' }
    ];
}

Answer 1

これ？

<td ng-repeat='column in columns'>{{item[column.name]}</td>

フィドル