Directive for modify DOM table. Browse doesn't allow to put tag into tag. Angular-tr-href add with ui-sref, ng-href or href attribute to all his child tags.
npm install
gulp
npm test
<table>
<tr tr-href ui-sref="some/ui/sref">
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
Will be modify into:
<table class="ng-scope">
<tbody>
<tr tr-href="" ui-sref="some/ui/sref">
<td><a ui-sref="some/ui/sref">1</a></td>
<td><a ui-sref="some/ui/sref">2</a></td>
<td><a ui-sref="some/ui/sref">3</a></td>
</tr>
</tbody>
</table>
<table>
<tr tr-href ui-sref="some/ui/sref">
<td>1</td>
<td>2</td>
<td tr-href-ignore>3</td>
</tr>
</table>
Will be modify into:
<table class="ng-scope">
<tbody>
<tr tr-href="" ui-sref="some/ui/sref">
<td><a ui-sref="some/ui/sref">1</a></td>
<td><a ui-sref="some/ui/sref">2</a></td>
<td tr-href-ignore="">3</td>
</tr>
</tbody>
</table>
<table>
<tr tr-href ui-sref="some/ui/sref">
<td>1</td>
<td>2</td>
<td td-ui-sref="diffrent/url">3</td>
</tr>
</table>
```
Will be modify into:
```html
<table class="ng-scope">
<tbody>
<tr tr-href="" ui-sref="some/ui/sref">
<td><a ui-sref="some/ui/sref">1</a></td>
<td><a ui-sref="some/ui/sref">2</a></td>
<td td-ui-sref="diffrent/url"><a ui-sref="diffrent/url">3</a></td>
</tr>
</tbody>
</table>
```