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高度问题？

回答

相关问题