Angular JS의 지시어 템플릿에서 "ng-repeat"를 사용하는 방법은 무엇입니까?

Question

나는 각도 JS 새로운 그리고 난 다음과 같이 사용됩니다 사용자 정의 지시어를 만들기 위해 노력하고 있어요 :

<div linkedlist listcolumns="{{cashAccountsColumns}}"></div>

Corrps합니다. 컨트롤러은 다음과 같습니다

$scope.cashAccountsColumns = [ 
    {"field": "description", "title": "Description"}, 
    {"field": "owner", "title":"Owner"}, 
    {"field": "currentBalance", "title":"Current Balance" } 
]; 

그리고 지시 코드은 다음과 같습니다는

return { 
     restrict : 'EA', 
     transclude : false, 
     templateUrl : 'html/linkedlist.html', 
     scope: { 
     listcolumns: "@" 
     }, 
     link : function(scope, element, attrs) { 
     } 
} 

템플릿 :

<table class="box-table" width="100%"> 
    <thead> 
    <tr> 
     <th scope="col" ng-repeat="column in listcolumns"> 
     {{column.title}} 
     </th> 
    </tr> 
    </thead> 
</table> 

하지만이 작동하지 않습니다. 내가 대신 아래 너무 많은 행이 DOM에 추가됩니다 화면에 column.title의 값을받지 못했습니다 :

<th ng-repeat="column in listcolumns" scope="col" class="ng-scope ng-binding"></th>