title: How to make div element ng-repeat show one div inside at a time automatically
body: <p>I am trying to make contents of each div element one at a time with some delay. What is best solution or possible ways to do this transition. Here is current code :</p>
  
  <p>HTML code:</p>
  
  <pre><code>   &lt;div&gt;
      &lt;div class="content repeat-item" data-ng-repeat="item in ItemsList"&gt;
          &lt;div&gt;{{item.ItemColumn2}}&lt;/div&gt;
      &lt;/div&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p>CSS code:</p>
  
  <pre><code>.content.repeat-item.ng-enter,
  .content.repeat-item.ng-leave {
  -webkit-transition:0.5s linear all;
   transition:0.5s linear all;
   }
  
  .content.repeat-item.ng-enter,
   .content.repeat-item.ng-leave.ng-leave-active {
    opacity:0;
   }
   .content.repeat-item.ng-leave,
   .content.repeat-item.ng-enter.ng-enter-active {
    opacity:1;
   }
  </code></pre>
  
  <p>Here Itemslist and menu_info data are coming from angularjs controller scope variables. I am unable to  loop ng-repeat as  with content one at a time. </p>