如何在一个模板中使用ng-repeat从另一个模板中进行过滤查询？

Question

我有一个角度应用程序，每个州都包含两个组件：导航栏和导航栏下的组件。在较低的一个我使用ng-repeat来显示一些项目，我需要使用过滤器：

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

然而ng-model =＆＃34;查询＆＃34;在不同的模板中，属于navbar组件：

<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>

如何绑定它们，以便过滤器从导航栏中获取查询？ 谢谢

Answer 1

很少有建议，

1. 您可以保留模型＆＃34;查询＆＃34; - 在$ rootScope中，这样你的组件都可以访问同一个模型。
2. 使用角度事件管理器，$ broadcast / $ emit，这是我推荐的方法，因为它遵循分离的架构。