Angularjs 具有永久URL的过滤表的角度UI路由器

Angularjs 具有永久URL的过滤表的角度UI路由器,angularjs,angular-ui-router,Angularjs,Angular Ui Router,好的,我有一个非常常见的用例。一个大的数据集(现在已加载到内存中),我想将其过滤为足够小的数据集来显示。表中的每一行都有一个链接,显示带有详细信息的模式/弹出窗口 我考虑将其表示为3个嵌套状态,顶部是过滤,第二个是表,第三个是模态 任何选定的筛选器选项都应显示在URL中,以便可以重新加载特定筛选器或通过电子邮件发送给其他人查看 但是,我不确定如何配置它。如果在表状态上定义查询参数,则无法从过滤器状态访问它们,这是重新加载时预填充过滤器属性所需的。但是,如果我将它们添加到过滤器控制器上,我就没有一

好的,我有一个非常常见的用例。一个大的数据集(现在已加载到内存中),我想将其过滤为足够小的数据集来显示。表中的每一行都有一个链接,显示带有详细信息的模式/弹出窗口

我考虑将其表示为3个嵌套状态,顶部是过滤,第二个是表,第三个是模态

任何选定的筛选器选项都应显示在URL中,以便可以重新加载特定筛选器或通过电子邮件发送给其他人查看

但是,我不确定如何配置它。如果在表状态上定义查询参数,则无法从过滤器状态访问它们,这是重新加载时预填充过滤器属性所需的。但是,如果我将它们添加到过滤器控制器上,我就没有一个URL来触发表(当然可以通过编程实现),也不可能在表单和URL之间进行双向绑定


无论如何,我愿意接受关于如何构造这个非常常见的用例的建议。

我试图在不使用modals的情况下解决这个问题。在您的情况下,如果用户使用特定URL登录到您的站点以查看详细信息,则需要触发模式。这可能会导致一些UI问题。使用扩展的表格单元格怎么样?看看这只脚

如何构建URL:如果我在加载之前通过URL中的过滤器,这会触发过滤器,但这不是我想要的解决方案


我的另一个想法是使用html5模式和$location。然后使用$watch函数作为更改的侦听器。在快速的谷歌搜索和幸运的点击后,我找到了这个博客:

对于modal,我没有修改URL,也不想修改。这显然是特定于站点的。然而,这并不是导致问题的部分,而是当我单击filter按钮时,它进入状态,然后立即退出。filter按钮是使用
ui sref
作为链接实现的。第二次起作用。不知道这是错误还是配置错误。