I want to add key up and key down support in my live search result in angular js. My search result is coming in a table : I am using table for displaying live search result. Result is showing good but I have a problem that I cannot use up and down key to navigate through the search result.



<table class="table table-hover" class="input-text full-width" style="background-color:#f9f9f9; overflow: hidden; ">

                                        <tbody class="input-text full-width" >
                                          <tr ng-repeat="city in cities | limitTo:2">
                                            <td id="start" ng-click="result([[city]],'city')">
                                                <i class="soap-icon-departure" style="color: #01b7f2; font-size: 16px;  transition-delay: 6s;"></i> &nbsp [[city]]</td>

                                          </tr>
                                          <tr ng-repeat="name in names | limitTo:2">
                                            <td ng-click="result([[name]],'name')">
                                                <i class="soap-icon-address" style="color:#01b7f2; font-size: 16px;"></i> &nbsp [[name]]</td>

                                          </tr>
                                          <tr ng-if="resp">
                                              <td>No result found</td>
                                          </tr>
                                        </tbody>
                                      </table>