AngularJS - 模块化搜索页面

Question

所以我一直在用互联网来理解或看到我想做的事情。

这应该不难，但我不知道有什么东西。

场景

我有一个搜索页面，由2个指令/ ui-views构建，如下所示：

我想要实现的目标

当我按Search时，我想触发Search Results指令/视图，根据搜索表单参数获取相应的结果。

我被困的地方

因为我有2个单独的指令，我可以使用父控制器或我拥有的搜索服务（与后端通信）共享信息。
但是，search指令可以将信息写入任何一个，但结果仍未触发。除非我每隔一段时间主动检查更改，否则我不会得到 cling 表示我已被触发。

这绝对不是AngularJS的方式，我似乎没有足够的经验去想别的东西。

我在问你什么

您将如何处理这种情况，您将使用什么来使此页面尽可能干净，并且模块化（当然）。
我有一些想法，在最坏的情况下，我会省略modular方法，只是把它弄脏，但工作。
不过，这让我很恼火，因为据我所知，这是Angular最强大的功能之一。

如果您能为所有人查看和学习

，我会很感激

Answer 1

据我所知，此页面正在扭转搜索功能。所以我建议你在这里实现 - 将搜索文本包含在你的路由参数中。

您的搜索框可帮助用户记下搜索查询。一旦用户单击Founder按钮，就可以将搜索查询添加到路由作为某个参数。它将是搜索框的唯一责任，从字面上改变位置URL。

操作 ：用户在搜索框中输入了#/search/并按下按钮搜索。

结果 ：位置已从#/search/Founder更改为Search result block

搜索结果视图应该只响应位置更改。如果更改了搜索字符串，它应该对服务器执行所有需要的调用，并在messages中返回，处理和表示搜索结果。