2016-06-06 5 views
0

ng-repeat를 사용하여 표시되는 제품 목록이 길고 왼쪽에 필터를 만들어 주 내용을 잘 작성했습니다.사전 계산 된 필터링 결과 ng-repeat

가능한 필터의 결과를 미리 계산해야 전자 메일 주소록에서와 마찬가지로 해당 필터 버튼의 링크 텍스트에서 해당 필터를 켜면 받게 될 결과가 표시됩니다. 상거래 사이트.

저는 AngularJS로 어떻게하는지 궁금합니다. 나는 각각의 가능한 필터를위한 범위에 커스텀 필터를 만드는 것 이외의 다른 방법보다 쉬운 방법이 있기를 바라고 있습니다.

필터 값을 연결하는 것에 대해 걱정할 필요가 없습니다. 하나의 필터를 선택한 결과 만 걱정할 필요가 없습니다.

감사, 스콧

+0

이지만,이 소리 서버가 작업을하도록하는 것이 더 나은 경우와 같습니다. 각 필터와 일치하는 항목을 반환하는 API 호출을 한 다음 ng-repeat를 사용하여 설명했던대로 렌더링하십시오. –

+0

범위에서 필터를 만드는 이유는 무엇입니까? 컨트롤러에서 필터의 술어를 만족하는 항목을 세고 술어와 필터 이름과 함께 결과 값을 저장하십시오. –

답변

0

은 사용자 정의 필터를 필요로하는 경우 내가 말할 수 없다 같은 데이터 모델의 모양을 정확히 알 수 없습니다. 그러나 간단한 데이터 모델에 대한 당신과 같이 간단한 필터를 사용할 수 있어야합니다 : 여기 <ul> <li ng-repeat="item in items"> <a ng-click="filter(item.type)">{{item.name}} {{(allData | filter:item.type).length}}</a> </li> </ul>

내가 가능한 필터는 정적 또는하지 않은 경우 확실하지 않다 작업 예를 http://codepen.io/mkl/pen/GqpqYN

+0

우후! 저건 완벽 해! 감사! – Scott

관련 문제