title: AngularJS ng-repeat with delimiter
body: <p>trying to build an alphabet menu with delimiter('|') like following</p>
  
  <p>A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z </p>
  
  <p>am I doing the right thing? is there any better way to repeat items with delimiter in angularJS? Please guide me.</p>
  
  <pre><code>&lt;div ng-app="myApp"&gt;
    &lt;div ng-controller="myController as vm"&gt;
      &lt;span ng-repeat="item in vm.menuItems"&gt;
        &lt;a href="#"&gt;{{item}}&lt;/a&gt;&amp;nbsp;&lt;span ng-if="!$last"&gt;|&lt;/span&gt;
      &lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt; 
  
  &lt;script&gt;
    angular.module('myApp',[])
    .controller('myController',function(){
      var vm =this;
      vm.menuItems=[];
      activate();
      function activate(){
       vm.menuItems = "ABCDEFGHIJKLMNOPQRSTUVWXYZ".split('');
      }
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>Plunker link :<a href="http://plnkr.co/edit/FJEi8T36KGIx1K0hHrFG" rel="nofollow">http://plnkr.co/edit/FJEi8T36KGIx1K0hHrFG</a></p>