title: AngularJS - Have a non-repeatable element within ng-repeat
body: <p>This question is a little hard to explain so i will try with my actual code to show the example. I am using ng-repeat using the syntax "ng-repeat='a in <strong>achievements</strong> = ( | achievements entity is not defined until within the ng-repeat that is not an option. i am forced to place it AFTER the ng-repeat has ended.  Is there a different way to accomplish this, to be able to reference the filtered contents of the object before or within the ng-repeat (but without having it actually repeated)</p>
  
  <pre><code>            &lt;div style="padding:10px;margin-bottom:10px;" ng-repeat="a in achievments =(userAchievementConfig.achievements 
                                                                      | filter:userAchievementConfig.filters.search 
                                                                      | filter:{UserTeam:userAchievementConfig.filters.team}
                                                                      | filter:{UserDept:userAchievementConfig.filters.dept})"
                                                      ng-if="$index &gt;= userAchievementConfig.startNum &amp;&amp; $index &lt;= userAchievementConfig.endNum"&gt;
              &lt;div ng-if="achievements.length == 0" class="alert alert-info text-center"&gt;No users match your current filter&lt;/div&gt;
              &lt;div class="col-sm-2"&gt;
                  &lt;img ng-if="a.picture" data-ng-src="data:image/png;base64,{{a.picture}}" border=0 class='img-rounded pull-left' style="max-height:125px;max-width:100%;" &gt;
                  &lt;div ng-if="!a.picture" style="height:125px;width:100%;padding:3px;background-color:#CCC;"&gt;&lt;/div&gt; 
              &lt;/div&gt;
              &lt;div class="col-sm-10"&gt;
                  &lt;h4 ng-bind="a.UserName"&gt;&lt;/h4&gt;
                  &lt;span ng-bind="a.sComments"&gt;&lt;/span&gt;
                  &lt;br&gt;&lt;i&gt; - &lt;span ng-bind="a.RequestedByName"&gt;&lt;/span&gt; in &lt;span ng-bind="a.timeSubmitted"&gt;&lt;/span&gt;&lt;/i&gt;
              &lt;/div&gt;
              &lt;div class="clearfix"&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="col-sm-6" ng-if="!userAchievementConfig.filters.search"&gt;
              &lt;ul uib-pagination total-items="userAchievementConfig.achievements.length"  boundary-link-numbers="true" max-size="3" ng-model="userAchievementConfig.pageNum" class="pagination-sm nomargin" items-per-page="userAchievementConfig.itemsPerPage"&gt;&lt;/ul&gt;
          &lt;/div&gt;
          &lt;div class="col-sm-6" ng-if="!userAchievementConfig.filters.search"&gt;
              Showing {{userAchievementConfig.startNum+1}} - {{userAchievementConfig.endNum+1}} of {{userAchievementConfig.achievements.length}} achievements
          &lt;/div&gt;
          &lt;div class="clearfix"&gt;&lt;/div&gt;
  </code></pre>