다른 템플릿에서 필터 쿼리를 사용하는 하나의 템플릿에서 ng-repeat를 사용하는 방법은 무엇입니까?

Question

각도 앱이 있습니다. 모든 상태는 navbar와 navbar 아래의 구성 요소로 구성됩니다. 아래 하나에서 나는 몇 가지 항목을 표시 NG 반복을 사용하고 난 필터를 사용해야합니다 :

<div class="col-sm-2 store__item col-centered" ng-repeat="book in vm.books | toArray | orderBy:query" > 
    ... 
    </div> 

그러나 모델을 겨 = "쿼리는"네비게이션 바에 구성 요소에 속하는 다른 템플릿에 있습니다

<form class="navbar-form navbar-left" role="search"> 
     <div class="form-group"> 
      <input type="text" class="form-control" placeholder="Search" ng-model="query"> 
     </div> 
</form> 

필터를 바인드하면 필터가 navbar에서 쿼리를 가져올 수 있습니까? 같은 모델에 액세스 할 수 있습니다 $ rootScope 너무 구성 요소의 모두 - 당신에게

Answer 1

몇 가지 제안,

1. 당신은 모델 "쿼리"를 유지할 수 있습니다 감사합니다.
2. 각도의 이벤트 관리자 인 $ broadcast/$ emit을 사용하십시오. 분리 된 아키텍처를 따르므로 권장되는 방법입니다.