AngularJS - 模块化搜索页面

Question

所以我一直在上网以了解或查看我想做的事情的示例。

这应该不难，但我只是缺少一些东西。

情景

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

我想要实现的目标

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

我被困在哪里

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

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

我在问你什么

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

如果您能附上一些代码供大家查看和学习，我将不胜感激

Answer 1

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

您的搜索框，帮助用户写下搜索查询。一旦用户单击Search 按钮，就可以将搜索查询作为一些参数添加到路由中。从字面上更改位置 URL 将是搜索框的唯一职责。

操作：用户在搜索框输入中写下Founder，然后按下搜索按钮。

结果：位置从#/search/ 更改为#/search/Founder

搜索结果视图应该只响应位置变化。如果搜索字符串发生变化，它应该对服务器进行所有需要的调用，并在Search result block中返回、处理和表示搜索结果。