我有一個使用Bootstrap3 + AngularJS1.2一個非常簡單的網頁。 主頁面使用帶有Dropdowm菜單的固定導航欄。AngularJS + Bootstrap3:如何從navvar將信息發送到一個視圖
每個菜單項調用相同的控制器(唯一改變的是路由參數)。控制器檢索數據並始終返回相同的視圖(呈現此類數據)。
我現在想要的是如何顯示集合名稱的「用戶友好」版本。
一個非常快速(也非常非常髒)的方法可能是: 將視圖標題作爲請求參數傳遞,控制器將其提取並放入視圖模型中。例如:http://jsfiddle.net/gC64y/
這真的很糟糕(恕我直言)是標題將在地址欄中可見。甲清潔的替代,相信,將有在具有像陣列父範圍的模型:
menu = [{'urlPath':'data/collection-first', 'title':'The First Collection'},...]
..然後傳遞到所述控制器只對應於所述的數組元素的索引點擊菜單項。但是,在開始玩替代品之前,我很好奇在「Angular-way」(我剛剛學習的方式)中做了什麼。
謝謝
您可以爲每個操作創建單獨的視圖嗎?我認爲這會是更好的方式。 – nik
對於類似的話題已經有了非常好的答案。 http://stackoverflow.com/questions/12506329/how-to-dynamically-change-header-based-on-angularjs-partial-view –
@Nikhil:是的,我可以,但是所有的人都將是除了標題完全相同。的確,使用ng-include(我相信...)將共同部分分解出來,但即使如此,額外的行和重複的數量對我來說也不合適。 – Sebastian