AngularJS - 多種佈局

Question

我剛從AngularJS開始，我知道它就是SPA。對於我們正在構建的應用程序，除索引頁外，所有頁面都將有兩列布局。但是，我們希望索引頁是單列全寬頁面。 AngularJS可以實現這種功能嗎？

Answer 1

我建議發佈一個plunkr或jsfiddle，因爲我不確定我是否真的回答你的問題，或者如果你的問題更多，我錯過了。

如果您通過路由（ng-view）完成所有頁面，那麼只需應用類來區分該單列版本的樣式。喜歡的東西：

.column_1, .column_2 { margin: 0; width: 50%; float: left; } 
#firstpage .column_1, #firstpage .column_2 { margin: 0; width: 100%; float: none; } 

，然後在html（上只有第一頁），包裹在DIV ID = 「第一頁」 的一切。不要在路由頁面中包含該div，並且樣式僅適用於第一頁。或者，如果你有一些其他的設置，您可以隨時使用樣式周圍的NG-觀點，也：

<div class="classname"> 
    <div ng-view></div> 
</div> 

如果你已經有了正坐在你的NG-視圖外的側欄，這就是你想要的關閉/打開，那麼我建議在第一頁上包括這個類（使其成爲全角），同時在第一列使用ng-hide/ng-show的某種邏輯。