Alpha search


#1

How can i implement alphabet content search.
I want alphabet should be in left side of ionic content and only content should be scroll.
I attached image
please take a look…
And let me know…
If any one have idea…

Thanks


#2

Have you tried anything?


#3

You can definitely do something like this.

  <div class="alpha-list">
       <div class="letter"
            ng-repeat="item in getContacts()"
            id="{{item.letter}}"
            ng-click="slideTo(item.letter)">
       <p>{{item.letter}}</p>
    </div>
    </div>

And then use anchorScroll to scroll.

$scope.slideTo = function(location) {
    location = $location.hash(location);
    $ionicScrollDelegate.anchorScroll("#"+location, true);
};

#4

Thanks … mhartington…
:slight_smile: