2013-08-22 90 views
11

作爲新手以angularjs開頭我創建了一個導航欄。它有幾個子菜單。但我不完全確定使用angularjs處理它的最佳做法是什麼。我想跟蹤當前選定的菜單項以使其處於「活動」狀態,並根據選擇更改呈現的模板。如何在angularjs中實現導航欄

我正在尋找一些可用於生產環境的示例或示例代碼。

對不起,這個非常普遍的問題,但我希望有人能幫助我。

+1

使用$ location服務更改當前路線,並知道當前顯示哪條路線。 –

+1

請參閱http://stackoverflow.com/questions/16199418/how-do-i-implement-the-bootstrap-navbar-active-class-with-angular-js –

回答

5

看看angular-ui/ui-router。它爲您的應用添加了命名的視圖和狀態。您可以在主模板中定義「區域」,根據您的應用所處的「狀態」,顯示特定的模板+控制器。

編輯:是的,$ location對於一個簡單的應用程序來說足夠了,但是當您的每個屏幕控制器變爲100行$ scope。$ watch定義您開始意識到您需要更多東西。

+0

謝謝,那就是我一直在尋找的例子。我會仔細看看它! – Mark