如何使用angularJs ng-repeat添加滚动条？

Question

我有angularJS ng-repeat我想添加滚动条到列表项,因为它可能在字段中有4000个字符,所以在这种情况下,我如何设置基于行或最大高度的滚动条div？

main.html中

<div class="row">
    <div class="col-md-12">
        <div class="panel panel-primary">
            <div class="panel-heading clearfix">
                <h3 class="panel-title">Notification<span class="badge">{{tests.length}}</span></h3>
            </div>
            <div class="panel-body">
                <ul>
                    <li class="slide" ng-repeat="test in tests">
                        <div class="alert" role="alert" ng-class="{'alert-info': notification === 'H'}">
                            <span>{{test}}</span>
                        </div>
                    </li>   
                </ul>
            </div>
      </div>    
    </div>
</div>

Answer 1

我认为这是一个HTML问题.尝试将此CSS添加到您的代码中:

.panel-body {
    overflow: scroll;
    height: 100px;
}

overflow是overflow-x和overflow-y的组合.如果你只需要为垂直溢出添加滚动条,只需要使用overflow-y:scroll; 如果您不希望在内容较小时看到滚动条,请尝试overflow:auto.