angularJS中的ng-view高度问题？答案

【问题标题】：ng-view height issue in angularJS?angularJS中的ng-view高度问题？
【发布时间】：2017-03-22 22:53:28
【问题描述】：

我正在使用 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;


}`

【问题讨论】：

标签： css angularjs

【解决方案1】：

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

html, body { 高度: 100%;宽度：100%；边距：0； }。

这里是更多详细信息的链接

Css height in percent not working

【讨论】：

【解决方案2】：

使用视口高度，绝对是

style="height: 100vh;"

【讨论】：

【解决方案3】：

这不是 angularJS 问题，但很可能是 CSS 样式问题。如果是这样，那么您需要对其进行调查 - 您的问题中没有太多信息可以继续，但是 div 延伸到 100% 它的父级，所以您需要确定这正在发生。另外，定位也很重要。

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

【讨论】：

好的，我已经编辑了问题并添加了 CSS。如果您需要更多信息，请告诉我
问题可能不在于 .options 或 .options1.. 检查 ng-view div 是否为 100% 高度（如，它确实从上到下延伸），并且如果不是，请考虑问题一定出在该 div 的父级中。
ng-view 没有达到 100%。这就是我认为的问题。这里 ng-view 父级是。所以，如果我给 100% 的 ng-view 它应该把高度作为 100% 对！
错误 - 您还需要将 body 和 html 设置为 height: 100%。

【解决方案4】：

我认为css：

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

在我的电脑上运行正常，仅供参考

【讨论】：