Angular filters clickable result

I am using a nice snippet of code from jsfiddle working as expected, however, when I want to add a href to link each result to another page of my app, I struggle with finding a proper syntax. Thanks for your help.

Here is what I have so far in my 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: WORKING SOLUTION - amended HTML replacing table presentation with 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>