0

我有一個使用Bootstrap3 + AngularJS1.2一個非常簡單的網頁。 主頁面使用帶有Dropdowm菜單的固定導航欄。AngularJS + Bootstrap3:如何從navvar將信息發送到一個視圖

每個菜單項調用相同的控制器(唯一改變的是路由參數)。控制器檢索數據並始終返回相同的視圖(呈現此類數據)。

我現在想要的是如何顯示集合名稱的「用戶友好」版本。

一個非常快速(也非常非常髒)的方法可能是: 將視圖標題作爲請求參數傳遞,控制器將其提取並放入視圖模型中。例如:http://jsfiddle.net/gC64y/

這真的很糟糕(恕我直言)是標題將在地址欄中可見。甲清潔的替代,相信,將有在具有像陣列父範圍的模型:

menu = [{'urlPath':'data/collection-first', 'title':'The First Collection'},...]

..然後傳遞到所述控制器只對應於所述的數組元素的索引點擊菜單項。但是,在開始玩替代品之前,我很好奇在「Angular-way」(我剛剛學習的方式)中做了什麼。

謝謝

+0

您可以爲每個操作創建單獨的視圖嗎?我認爲這會是更好的方式。 – nik

+0

對於類似的話題已經有了非常好的答案。 http://stackoverflow.com/questions/12506329/how-to-dynamically-change-header-based-on-angularjs-partial-view –

+0

@Nikhil:是的,我可以,但是所有的人都將是除了標題完全相同。的確,使用ng-include(我相信...)將共同部分分解出來,但即使如此,額外的行和重複的數量對我來說也不合適。 – Sebastian

回答

0

我用我在上面我提到的commet:

到目前爲止,我傾向於使用「菜單項」對象的數組中的 父NG-初始化, 傳遞菜單索引到控制器,然後控制器 使用$範圍內(具有屬性,如標題,URL等的每個項目)。$ parent.menu [IDX]來檢索它

謝謝,

相關問題