angularJS中的ng-view高度问题？

Question

我正在使用ng-view来显示基于routeProvider的视图。在我的应用程序中，ng-view像这样添加了

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

在我的一个视图中，有一个左侧导航，它应该在浏览器中显示100％的高度。出于某种原因，仅基于数据创建左视图导航高度。也就是说，如果数据更多，则高度增加。

我不确定，为什么高度不增加，即使我设置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;


}`

Answer 1

我搞定了，这是一个CSS问题。 我已将其添加到CSS中，

html，body {身高：100％;宽度：100％;保证金：0; }。

以下是更多详情的链接

Css height in percent not working

Answer 2

这不是angularJS问题，但很可能是CSS样式问题。如果是这样，那么你需要对其进行调查 - 你的问题中没有太多的信息可以继续，但是一个div延伸到100％它的父级，所以你需要制作确定这种情况正在发生。此外，定位非常重要。

如果是这种情况，则无需复制答案 - 请参阅this other SO answer是否有任何帮助。

Answer 3

使用Viewport Height，绝对是

style="height: 100vh;"

Answer 4

我认为css：

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

在我的电脑上，它可以正常工作， 仅供参考