angularJS中的ng-view高度問題？

我正在使用ng-view來顯示基於routeProvider的視圖。在我的應用，NG-視圖加入這樣angularJS中的ng-view高度問題？

<div ng-view style="height: 100%; background:#000000;"></div>.

在我的視圖中的一個，有一個左導航，這應該顯示在瀏覽器100％的高度。出於某種原因，左視圖導航高度僅基於數據創建。這是如果數據更多，高度增加。

enter image description here

我不知道，爲什麼即使我設置hieght = 100％的高度不遞增，這裏是左側導航欄的代碼

<div class="options1"> 



<div class="options"> 
     <a ng-repeat="name in list" >{{name.name}}</a> 
    </div> 

</div > 

.options { 
    background:#FFFFFF; 

    min-height: 190px; 

    width:10em; 

    height:100%; 

    border: 1px solid red; 

    color:#FFFFFF; 

} 

.options1 { 
    min-height:100%; 

    background:red; 

    width:15em; 


}`

來源

2013-04-29 niran

這不是一個angularJS問題，但最有可能的CSS樣式問題。如果是這樣的話，那麼你需要調查它 - 你的問題沒有太多的信息可以繼續，但是一個div延伸到它的父母的100％，所以你需要確保發生這種情況。另外，定位非常重要。

如果是這種情況，則不需要複製答案 - 請參閱this other SO answer是否有幫助。

來源

2013-04-29 18:12:23

好的，我編輯了問題並添加了CSS。請讓我知道如果你需要更多的信息 – niran 2013-04-29 18:17:13

這個問題可能不是與.options或.options1 ..檢查看ng-view div是100％的高度（如在它真的從上到下）如果不是，則認爲問題必須在該分部的父母身上。 – 2013-04-29 18:22:24

ng-view未佔用100％。這是我想的問題。這裏的ng-view父是。所以，如果我給100％的ng-view，它應該把高度作爲100％正確！ – niran 2013-04-29 18:34:19

我得到它的工作，這是一個CSS問題。我已將此添加到CSS中，

html，body {height：100％;寬度：100％;保證金：0; }。

在以下鏈接瞭解更多詳情

Css height in percent not working

來源

2013-04-29 18:43:17 niran

我認爲CSS：

.ng-scope{ 
    height: 100% !important; 
}

在我的計算機是否能夠正常工作，僅供參考

來源

2016-12-27 02:26:04

使用視口的高度，這絕對是

style="height: 100vh;"

來源

2017-03-22 14:31:28

angularJS中的ng-view高度問題？

回答

相關問題