Угловые фильтры clickable result

Question

Я использую хороший фрагмент кода от jsfiddle, работающий как ожидалось, однако, когда я хочу добавить ссылку href, чтобы связать каждый результат с другой страницей моего приложения, я борюсь с поиском правильного синтаксиса. Спасибо за помощь.

Вот то, что я до сих пор в моем HTML:

<div data-ng-controller="searchController"> 
    <input type="text" ng-model="search" placeholder="Type here" class="search_all_inputfield"> 
    <table> 
     <tbody> 
      <tr ng-repeat="item in items | filter:searchText " href="#"> 
       <td >{{item.id}}</td> 
       <td>{{item.name}}</td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

EDIT: РАБОЧИЙ РАСТВОР - изменен HTML замена таблицы представления с DIV:

<div data-ng-controller="searchController"> 
    <input type="text" ng-model="search" placeholder="Type here" class="search_all_inputfield"> 
     <div ng-repeat="dish in dishList" href="#"> 
      <a href="#path/to/url"><div> 
       <span>{{item.id}}</span> 
       <span>/</span> 
       <span>{{item.name}}</span> 
      </div></a> 
     </div> 
</div> 

Answer 1

, если добавить ссылку на ваши данные

$scope.items = [ 
    {id:1, name:'John', link:'home'}, 
    {id:2, name:'Steve', link:'about'}, 
    {id:3, name:'Joey', link:'contact'}, 
    {id:4, name:'Mary', link:'links'}, 
    {id:5, name:'Marylin', link:'blog'}]; 

, то вы можете создать ссылку, используя нг-HREF

<td><a ng-href='{{item.link}}'>{{item.name}}</a></td>