2016-12-27 33 views
-1

我期待在我的Web應用程序前端構建組織的層次結構。我們目前正在使用Angular2。使用Angular2設計UI

Details

這是怎麼看起來像在總結觀點:

Details 2

如何可以做到?

現在我正在做以下模式。 1.加載父組(ABC公司) 2.當有人點擊它時,應該按照上述方式加載子組織。

我試圖將數據存儲在數組中&當有人在瀏覽器中點擊返回按鈕時,父組正在被追加到子組的前面。

回答

0

你到目前爲止嘗試過什麼?看起來像一個非常正常的設置...可能只是有一個自定義指令的中繼器設置,在激活時在展開的視圖中顯示公司的詳細信息。

<div *ngFor="let company of companies" (click)="company.isActive = !company.isActive"> 
    <my-company-details *ngIf="company.isActive" companyData=company> 
</div> 
+2

第一次當頁面加載時,我加載ABC公司,當點擊ABC公司時,我得到子組,即PAN印度。對於其餘的組,我有相同的工作流程。當有人點擊後退按鈕時,會出現一個新的api調用,其中會顯示父組。該父母組將被附加到子組的正面。我該如何避免這樣的工作流程?目前,我使用數組來存儲從服務器接收到的組數據。我想通過組ID標識數組中的組。但是我在group_id字段中獲取字符串值(如:「e8t4hsi8097」)。 –