Угловая, рендеринга html на первый элемент в ng-repeat

Question

У меня есть ng-repeat на моей странице для рендеринга всех моих сообщений в блоге, который работает нормально. То, что я хотел бы иметь, это то, что на первой итерации в повторе также будет отображаться некоторый случайный текст, который будет рядом с первым из моих сообщений. Так как в настоящее время стоит случайный текст, он отображается рядом со всеми сообщениями. Есть ли способ сделать это только на первом?

<div ng-repeat="post in blogs | orderBy:post.timestamp:true"> 
     <div class='row'> 
     <div class='col-md-4 col-xs-12'> 
      <h4> Welcome to my blog </h4> 
      <p> Some random text here </p> 
     </div> 
     <div class='col-md-8 col-xs-0'> 
     </div> 
     <div class="col-md-4 col-xs-0"> 
     </div> 
     <div class="col-md-6 col-xs-12 post-{{post.id}} blog-posts-teaser" ng-class="{'lastBlogPost': $last}"> 
      <h4><a ng-href="#/blog/{{returnBlogUrl(post.title)}}" class='blog-title'>{{post.title}}</a></h4> 
      <p>{{post.content | wordLimit:true:200:'...'}}</p> 
      <p><a class='read-more' ng-href="#/blog/{{returnBlogUrl(post.title)}}" >Read more &#8594;</a></p> 
     </div> 
     <div class="col-md-2 col-xs-0"> 
     </div> 
     </div> 
    </div> 

Answer 1

Вы можете использовать $first так же, как вы используете $last.

<p ng-if='$first'> Some random text here </p> 

Answer 2

Использование $first внутри ng-repeat -ED блока. Эта переменная имеет значение true в случае первого элемента коллекции.

Documentation

$first - boolean - правда, если повторный элемент первой в итератора.