table row like a link with ng-href

[Mauro Cacicia]

hi guys, i'm new with angular and i have this problem,
i need to use ng-href on one entire table row created with ng-repeat, to be more clear i need to do something like that:


<tr ng-repeat="res in result">
    <a ng-href="/somwhere/{{res.id}}>
        <td>{{res.id}}</td>
        <td>{{res.ragioneSociale}}</td>
        <td>{{res.indirizzo}}</td>
        <td>{{res.codiceFiscale}}</td>
        <td>{{res.tipoSocieta}}</td>
        <td>{{res.attivita}}</td>
    </a>
   </tr>


i really need to use the ng-href because part of the url have to change dinamically in base at what row will be clicked.
thanks

[Vanya Dineva]

Hi Mauro,


first of all you forgot to close the double quotes for the ng-href:
   <a ng-href="/somwhere/{{res.id}}>
should be
   <a ng-href="/somwhere/{{res.id}}">

Second, <a> element as a direct descendent of a <tr> is not valid html. Try instead to have the contents of each <td> in the <tr> wrapped in a link:

<tr ng-repeat="res in result">

        <td><a ng-href="/somwhere/{{res.id}}"> {{res.id}} </a></td>
        <td><a ng-href="/somwhere/{{res.id}}"> {{res.ragioneSociale}} </a></td>

        <td><a ng-href="/somwhere/{{res.id}}"> {{res.indirizzo}} </a></td>
        <td><a ng-href="/somwhere/{{res.id}}"> {{res.codiceFiscale}} </a></td>
        <td><a ng-href="/somwhere/{{res.id}}"> {{res.tipoSocieta}} </a></td>
        <td><a ng-href="/somwhere/{{res.id}}"> {{res.attivita}} </a></td>
</tr>

Hope this solves your problem

[Luke Kende]

Have you tried ng-click?

<tr ng-click="goTo(res.id)" style="pointer:cursor">

         <td>{{res.id}}</td>
        <td>{{res.ragioneSociale}}</td>
        <td>{{res.indirizzo}}</td>
        <td>{{res.codiceFiscale}}</td>
        <td>{{res.tipoSocieta}}</td>
        <td>{{res.attivita}}</td>

</tr>

$scope.goTo = function (id){

  location.href = '/somewhere/' + id ;

[Steve Jackson]

+1 for ng-click!

[Avinash Pratap]

it workes for me when  style="cursor:pointer;"