2017-07-28 37 views
0

我有一組資源(採用JSON格式),我從服務中獲得。 這些資源具有屬性,如名稱,屬於哪個運算符,狀態,能流等。 首先,我從下拉列表中選擇運算符,或者從另一個下拉列表中選擇資源的狀態。 然後我顯示資源作爲數組/地圖或列表。 然後根據序列號或狀態對它們進行排序,最後我使用顏色區分屬性,如狀態,潮流,充電狀態等。 最後,根據所選選項顯示這些資源。我附上一張小圖片。 the view results when TSO(Operator)= Any, Array View, Serial sort and Status selected for identifying color什麼是過濾/排序或操縱數據的最佳方式是以角度呈現2

什麼是最好的方式去實現呢?我正在考慮使用路由,其中​​每個選擇器都嵌入子路由並最終引導您進入視圖。

回答

1

這取決於您的過濾器的工作方式。他們是AND或OR過濾器?你能設置一個過濾器嗎?我假設你可以選擇TSO 狀態。

在任何情況下,我都會將過濾器保留在一個組件中 - 無論是允許還是隻允許一個。您可以反映路由器狀態中的任何過濾器更改。所以,使用濾鏡組件你決定你在展示什麼

結果表可能是一個不同的(child?)組件,如您所建議的那樣,它會訂閱狀態(路由)更改並相應地更新數據集。

視圖順序排序應該是,我認爲,顯示元件,沒有在過濾器組件的一部分。如何對結果進行排序,如何對其中一些顏色進行着色,甚至是以何種方式顯示它們,即如何顯示結果,而不是什麼是

所以這是一個基本的佈局 - Filter組件決定哪些數據,以及Display組件決定如何呈現數據,並使用路由器來管理狀態。

+0

在第一種情況下的選擇是在TSO或status.What之間,如果我想通過創建類實現相同的東西?我不確定我將如何構造它。有什麼建議嗎? – Nitz1308

+0

嗯,是的,你可以用濾鏡設置一個組件 - 也許是簡單的陣列,也許取決於你對TSO或狀態的不同。 – Zlatko

+0

謝謝你的建議:) – Nitz1308

相關問題