1

ngtable에 대한 두 번째 필터로 ul에서 ng-click으로 필터를 얻으려면 어떻게해야합니까?앵글 필터 ng-click + 입력

$scope.selectedGroup = ''; 
$scope.setGroup = function(group) { 
    $scope.selectedGroup = group; 
} 

그리고 선까지 ng-click 지침을 : artGroup를 선택하면 당신은 값을 변경하는 메인 컨트롤러에 기능을 설정할 수 있습니다 http://plnkr.co/edit/Amdx2BzEWQWVYmRAgTMw

+0

'ng-click()'에서 무엇을 필터링하려고합니까? – dcodesmith

답변

4

: 여기

<ul class="artGroups"> 
    <li class="" ng-repeat="artGroup in artGroups"> 
    <a href="#" ng-click="">{{artGroup.artGroupName}}</a> 
    </li> 
</ul> 

은 plnkr의

<a href="#" ng-click="setGroup(artGroup.artGroupId)">{{artGroup.artGroupName}}</a> 

그들이 그 artGroupId에 해당하는지 여부를

<tr ng-repeat="article in articles | filter:searchText | isArtGroup:selectedGroup"> 

그런 다음에 따라 기사를 필터링 할 사용자 지정 필터를 만들 : 범위에 해당 selectedGroup 변수를 사용하여 tr 다른 사용자 정의 필터를 마에

app.filter('isArtGroup', function(){ 
    return function(values, groupId) { 
    if(!groupId) { 
     // initially don't filter 
     return values; 
    } 
    // filter when we have a selected groupId 
    return values.filter(function(value){ 
     return value.artGroupId === groupId; 
    }) 
    } 
}) 

다음은 모두 함께 작업하고 있습니다. Plunker

+0

그게 정말 좋은 !! 덕분에 많은 – bambamboole

+0

어떻게 ng-click 필터를 지울 수 있습니까? – bambamboole

+0

'setGroup' 함수에서 groupId가 현재 값으로 설정되어 있는지 확인할 수 있습니다. 빈 문자열로 설정하지 않은 경우 –