angularjs

angularjs template

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.5.0/ui-bootstrap-tpls.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.8/angular-filter.min.js"></script>
<div ng-app="myApp" ng-controller="MainCtrl">
        <div ng-repeat="item in myarr">
             
             <ng-container ng-if="(myarr.indexOf(item) < myarr.indexOf('rst'))">
                  {{item}} 
             </ng-container>
        </div>
</div>

JavaScript

var app = angular.module('myApp',[]);

 app.controller('MainCtrl', function($scope) {
		$scope.myarr = ['abc','xyz','pqr','mno','rst'];
 }
 );