2014-09-05 105 views
1

好吧,所以我有一個很常見的用例。一個大型的數據集(現在加載到內存中),我想過濾它以顯示足夠小的內容。表格中的每一行都有一個鏈接,用於顯示具有詳細信息的模式/彈出窗口。有用的過濾表與持久URL的UI路由器

我正在考慮將其表示爲3個嵌套狀態,頂部是過濾器,第二個是表格,第三個是模式。

任何選定的過濾器選項都應顯示在URL中,因此可以重新加載特定過濾器或通過電子郵件發送給其他人以查看。

但是,我不確定如何配置此。如果我在表狀態上定義查詢參數,則無法從過濾器狀態訪問它們,這是在重新加載時預填充過濾器屬性所需的。但是,如果我將它們添加到過濾器控制器中,我沒有可以觸發表格的URL(當然,可以通過編程方式完成),也不可能在表單和URL之間進行雙向綁定。

無論如何,我很樂意提供關於如何構建這個非常常見的用例的建議。

回答

0

我想解決這個問題沒有模態。就你而言,如果用戶使用特定的URL登錄到您的網站以查看詳細信息,則需要觸發該模式。這可能會導致一些UI問題。如何使用擴展表格單元格?看看腳步。

如何構建URL:如果我在加載之前通過URL中的過濾器,這可以觸發過濾器,但這不是我想要的解決方案。

我的另一個想法是使用html5模式和$位置。然後有$ watch函數作爲更改的監聽器。快速谷歌搜索和幸運點擊後,我發現這個博客:http://johan.driessen.se/posts/Manipulating-history-with-the-HTML5-History-API-and-AngularJS

+0

對於模式,我沒有修改的網址,不想。這顯然是特定於網站的。然而,這不是導致問題的部分,而是當我點擊過濾器按鈕,使用'ui-sref'實現爲鏈接時,它將進入狀態,然後立即退出。第二次運作。不知道這是一個錯誤還是錯誤配置。 – nilskp 2014-10-08 20:23:11