2014-11-24 3 views
2

나는 this question을 보았고 솔루션은 매우 직설적 이었지만 this plunker는 내 프로젝트에서 사용하는 각도 1.33과 작동하지 않는 것 같습니다.ngTable 중첩 된 필드

여기에 the same plunker (문제는 버전 1.33까지 업데이트 됨)입니다. 정렬 및 필터 작업

HTML을

<table ng-table="tableParams" show-filter="true" class="table"> 
    <tr class='listing' ng-repeat="invoice in $data"> 
     <td data-title="'Invoice No.'" sortable="'no'" filter="{'no':'text'}"> 
     {{invoice.no}} 
     </td> 
     <td data-title="'Date'" sortable="'date'" filter="{'date':'text'}"> 
     {{invoice.date}} 
     </td> 
     <td data-title="'Client'" sortable="'client.fullname'" filter="{'client.fullname':'text'}"> 
     {{invoice.client.fullname}} 
     </td> 
    </tr> 
    </table> 
+0

당신이 필터에서 .fullname를 제거하는 경우는 객체의 속성 (I 모두를 사용합니다 생각). 다른 문제가 생길까요? – DoctorMick

+0

@DoctorMick 알아요 ...하지만 full_name 칼럼을 검색 가능할뿐만 아니라 정렬 할 수 있어야합니다 ... 또한 속성을 제거하면'user' 중첩 된 객체에서 여러 필드를 검색 할 수 없습니다. –

+1

https://github.com/angular/angular.js/issues/6222 올바른 JSON 표기법을 사용하도록 필터 구문이 변경된 것 같습니다. 내 생각 엔 ngTable이 그에 따라 업데이트되지 않았다는 것입니다. – DoctorMick

답변

1

, ngtable 0.3.1-plunk

<table ng-table="tableParams" show-filter="true" class="table"> 
    <tr class='listing' ng-repeat="invoice in $data"> 
     <td data-title="'Invoice No.'" sortable="'no'" filter="{'no':'text'}"> 
     {{invoice.no}} 
     </td> 
     <td data-title="'Date'" sortable="'date'" filter="{'date':'text'}"> 
     {{invoice.date}} 
     </td> 
     <td data-title="'Client'" sortable="'client.fullname'" filter="{'client':'text'}"> 
     {{invoice.client.fullname}} 
     </td> 
    </tr> 
    </table> 
+1

고맙습니다. 'Kositia' 솔루션이 예상대로 작동하고 있지만, 여러 개의 중첩 된 필드를 필터링 할 수있는 기능이 있다면 바라고 있습니다. 지금 당장은 충분히 ... 감사합니다. –

+1

@MohammadWalid 도움이되어 기쁘다. 그래서 클라이언트 객체의 모든 소품을 걸러 내고 싶다. 그것은 나에게도 흥미 롭다. 나는 그것에 대해 약간의 연구를하고 돌아올 것이다.))) –