angularjs 'ng-href' not working

Question

I'm trying to create a link to each id using angularjs ng-href but when I refresh the page, the links don't show up. I even closed the browser and cleared the cache yet nothing is happening. Here is my current code:

 <tr ng-repeat="parcel in parcels">
<td><a ng-href="http://www.proj.com/{{ parcel.id }}/edit/"/>{{ parcel.
 id }}</td>
<td>{{ parcel.tracking_id }}</td>
<td>{{ parcel.shipper_ref_no }}</td>

$scope.parcels = [];
$scope.scans = [];
$scope.missings = [];
$scope.excludeds = [];

$scope.parcels = Outbound.summaryPageData.parcels;
$scope.scans = Outbound.summaryPageData.scans;
$scope.missings = Outbound.summaryPageData.missings;
$scope.excludeds = Outbound.summaryPageData.excludeds;


 });

How do you know ng-href is not working? Maybe the problem is with your ng-repeat directive. Please post your controller's code. — Danilo Valente
– Danilo Valente, Commented Aug 5, 2014 at 14:32
Can we see you javascript? At least the part that works with this snippet. — Max Baldwin
– Max Baldwin, Commented Aug 5, 2014 at 14:33

chris · Accepted Answer · 2014-08-05 14:34:20Z

8

I think it's a simple HTML syntax error - the <a> tag has no content. Try changing this:

<a ng-href="http://www.proj.com/{{ parcel.id }}/edit/"/>{{ parcel.id }}

to:

<a ng-href="http://www.proj.com/{{ parcel.id }}/edit/">{{ parcel.id }}</a>

answered Aug 5, 2014 at 14:34

chris

2,6511 gold badge25 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

javakorr Over a year ago

Yes, this moment is clearly described here: https://docs.angularjs.org/api/ng/directive/ngHref

sfas Over a year ago

Worked. thanks for that. I got my ng-href straight from the angularjs documentation and it wasn't working. Thanks. I'll accept your answer when I can :)

chris Over a year ago

Well, the way I see it, this has nothing to do with href vs ng-href at all, but with the fact that <a> tags need content to show up in the page (and I think strictly speaking they must not be self closing according to HTML specs). The documentation seems to be a bit misleading here.

chris Over a year ago

FYI, I already sent a pull request to the AngularJS GitHub project to fix this documentation issue.

code-sushi Over a year ago

Does it require a full path? Mine looks like <a ng-href="/page.php#param:{{myparam}}"><span> content here </span></a> but when I click on it, while it changes the URL in the address bar of the browser correctly (and it's a legitimate URL; I can hit "enter" in the address bar and it will "go there"), it does not actually GO TO that page. Do I need to combine this with an ng-click of some sort? And if so, why?

|

Collectives™ on Stack Overflow

angularjs 'ng-href' not working

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related