引导导航栏中的动态搜索/过滤器

Question

我是前端设计的新手。 我想基于{{body}}内容在导航栏中实现动态搜索框

例如： 在导航栏中，有两个链接（角色，用户）和搜索框。 一个链接包含带有角色表的单独页面。 另一个链接包含带有用户表的单独页面。

所以在这里我如何实现搜索逻辑， 如果我在角色页面中搜索，它应该从角色表和 如果我确实在用户页面中搜索，它应该从用户表中做出反应。 Please click here for screenshot

预先感谢您的帮助。