2013-08-16 45 views
3

Josh的answer關於'角度方式'和客戶端聲明式樣式給我留下了深刻的印象。用於動態添加指令的「角度方式」

但是你可以幫我明白了,該怎麼做:

我有在左側的菜單欄,並在右側的div容器單頁的應用程序。

當用戶點擊左側菜單欄的菜單項,在右側我必須用一些網格打開新的標籤,就像這樣:

image

在角度我意識到<grid>指令。

當用戶點擊menuitem時,我必須在右邊動態地添加帶有參數的grid指令。

做這個功能的角度是什麼?

更新: 我發現article有關動態標籤,這是example我如何使用它在我的情況

+4

問一個具體問題! –

+0

感謝JB Nizet,編輯 – kabiev

回答

4

既然你問一個一般性的問題,讓我給你一個籠統的回答。它應該是有幫助:)

AngularJS是模型/數據驅動,如果你想進行任何更改的UI,你可能會想到的第一件事是如何通過改變數據去實現它。鑑於這種想法,我們可以這樣實現:

  1. 定義NG-中繼器,這應該使標籤爲Tab對象稱爲MyTabs的列表,例如。

  2. 當您想要添加一個新選項卡時,然後創建一個選項卡對象並將其添加/推送到MyTabs

  3. 由於雙向數據綁定,AngularJS會在UI上奇蹟般地呈現它。
+0

sza,謝謝,我已經使用了ui-tabs,就像這裏http://plnkr.co/edit/yVAFAk8nFfI45VEsjVZ3?p=preview – kabiev

+0

這個一般的答案是非常有幫助的!可惜它沒有得到太多的關注。 –