ng-href directive not working

Question

I am a beginner in AngularJS and I'm having some issues using the ng-href.

I have an array containing dictionaries.

$scope.options = [{title: 'option1', path:'optionPage'}, ... ];

In the HTML code, I make use of ng-repeat within a <table></table> to display options; each row being a link. Below is the code.

<table class="table">
     <tr ng-repeat="option in options">
        <td><a href="#optionPage">{{option.title}}</a></td> <!-- This works -->
        <td><a ng-href="#{{option.path}}">{{option.title}}</a></td> <!-- This does not work!! -->
     </tr>
  </table>

Using the a href and directly providing the link works. (I am making use of the $route), but ng-href doesn't work. Could somebody please point out the issue here.

It will be optionPage. You can see that in the options list. — Adithya, Dec 19 '14 at 11:13
oops I missed it, so when you mouse over the links,in browser bottom-left corner url will be highlighted, are both links identical when you mouse over them — Subin Sebastian, Dec 19 '14 at 11:16
Actly Im working on a chrome extension, so that link is not visible like you mentioned. Extension appears as a popup. — Adithya, Dec 19 '14 at 11:17

score 0 · Accepted Answer · edited May 23 '17 at 11:49

0

Solution provided in the below link helped me solve my problem. https://stackoverflow.com/a/15769779/1029360

The chrome-extension: protocol needs to be whitelisted before use.

edited May 23 '17 at 11:49

Community

1
1

answered Dec 21 '14 at 15:30

Adithya

4,545
3
25
28

ng-href directive not working

1 Answers1