How to add scrollbar using angularJs ng-repeat?
<p>I have angularJS <code>ng-repeat</code> i wanted to add scroll bar to the list items because it might have 4000 character in the field so in that case how can i set scroll bar based on rows or max-height for the <code>div</code> ?</p>

<p>main.html</p>

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