AngularJs if statement in ng-href

Question

I have some elements which are created dynamically and every element has a different ng-href.

I want to give different link according to some elements.

When I try to write function in ng-href it sends the page to function in url,therefore it does not work.

I try to do something like this;

       .......
             <a 
            ng-href='if(m){#linkOne} else {#linkTwo}'
            ng-click='test(type);'>

              </a> 
       .......

Which method should i use to create element with different ng-href?

FDisk · Accepted Answer · 2016-01-12 13:20:59Z

22

You can try this

<a ng-href="{{m ? '#linkOne':'#linkTwo'}}" ng-click="test(type)">your link</a>

http://jsfiddle.net/54ema4k0/

answered Jan 12, 2016 at 13:20

FDisk

9,6732 gold badges54 silver badges56 bronze badges

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

Comments

Jobincs · Accepted Answer · 2016-04-16 11:31:43Z

5

Just do like this its very simple.

<a href="{{variable == value ? '#link1' : '#link2'}}">Link</a>

answered Apr 16, 2016 at 11:31

Jobincs

4,9212 gold badges16 silver badges11 bronze badges

Comments

Arun P Johny · Accepted Answer · 2015-04-27 06:37:30Z

3

You need to use a variable for the link

<a ng-href='{{link}}' ng-click='test(type);'> your link </a>

then

$scope.$watch('m', function(value){
    $scope.link = value ? 'link1': 'link2';
})

Demo: Fiddle

answered Apr 27, 2015 at 6:37

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Comments

ramamoorthy_villi · Accepted Answer · 2015-04-27 06:31:13Z

0

Try conditional operator

<a ng-href='m ? "link1" : "link2" ' ng-click='test(type);'> your link </a>

or

set your link value in scope,

in your controller,

$scope.dynamic_url = 'somelink'

in view,

<a ng-href='dynamic_url' ng-click='test(type);'> your link </a>

answered Apr 27, 2015 at 6:31

ramamoorthy_villi

2,0631 gold badge18 silver badges44 bronze badges

2 Comments

user4773604 Over a year ago

conditional operator does not work,it sends to " m ? "link1" : "link2" " in url

ramamoorthy_villi Over a year ago

where you declare & define m scope ?

Collectives™ on Stack Overflow

AngularJs if statement in ng-href

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related