$scope in href - AngularJS

Question

I have an array like below;

$scope.cart = [];

This contains items like id, name etc.

How can I include the items in a href like below;

<a href="http://www.example.co.uk/search-menu/{{$scope.cart.restaurant_id}}/test">

This doesn't work.

I've also tried using ng-repeat=item in cart

FYI When I console.log($scope.cart) I get the below;

[Object]
0: Object
cookie_id: "j0m3hdkf4c371nueajdi9gf4f3"
date: "0000-00-00"
day: ""
id: "92"
location: ""
restaurant_id: "1"
time: "00:00:00"
user_id: "63"

Expression does not need $scope

murli2308
– murli2308

2015-11-24 14:08:36 +00:00
Commented Nov 24, 2015 at 14:08 — murli2308
– murli2308, Commented Nov 24, 2015 at 14:08

Sudharsan S · Accepted Answer · 2015-11-24 14:16:20Z

4

Its Magic in Two way Data binding

Use ng-href directive in angularjs

Remove $scope in the anchor tag. You directly access the scope variable in the view part. In the controller part only we use $scope object is not need for html view.

<a ng-href="http://example.co.uk/search-menu{{cart[0].restaurant_id}}/test">

edited Nov 24, 2015 at 14:16

answered Nov 24, 2015 at 14:00

Sudharsan S

15.4k4 gold badges34 silver badges51 bronze badges

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

5 Comments

Sudharsan S Over a year ago

Again you mistake you ng-repeat with item but you used cart in anchor tag

Sudharsan S Over a year ago

use item instead of cart in the anchor tag. your code works beautiful

moh_abk Over a year ago

I'm no longer using ng-repeat based on this answer

Sudharsan S Over a year ago

it you not used ng-repeat then get index by zero

Sudharsan S Over a year ago

try <a ng-href="example.co.uk/search-menu{{cart[0].restaurant_id}}/test">

Beat · Accepted Answer · 2015-11-24 14:06:30Z

0

ng-repeat should work actually. But you should try it with ng-href, like below...

In your HTML:

ng-repeat="item in cart" ng-href="yourUrl/{{item.id}}"

In your controller:

$scope.cart = [ cart1, cart2, ...];

If you get any errors, i would really help to see them here!

answered Nov 24, 2015 at 14:06

Beat

4,4122 gold badges38 silver badges54 bronze badges

Comments

R4nc1d · Accepted Answer · 2015-11-24 14:14:43Z

0

First thing i would do is to remove the $scope in your controller and replace it with this

this.cart = [];

Then in your View you can use Controller As declaration then you will end up with dot notation (Which is the better way of doing it)

for example

    <div data-ng-controller="CartController as cart">
        <a ng-href="http://www.example.co.uk/search-menu/{{cart[0].restaurant_id}}/test">
    </div>

answered Nov 24, 2015 at 14:14

R4nc1d

3,1533 gold badges29 silver badges52 bronze badges

Collectives™ on Stack Overflow

$scope in href - AngularJS

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related