Setting angularjs data inside ng-click

Question

I am trying set a variable's value inside ng click which is not working.

<a href="#newpage" ng-click="service.name='{{sub.cid}}'"> view</a>

But when i use plain text instead of angular data value it works fine.

<a href="#newpage" ng-click="service.name='abc'">

What is wrong in my code ?

event.stopPropagation():Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event. — Morteza Fathnia
– Morteza Fathnia, Commented May 30, 2017 at 14:16

Satpal · Accepted Answer · 2017-05-30 13:58:35Z

1

Remove string interpolation and directly use sub.cid

<a href="#newpage" ng-click="service.name=sub.cid"> view</a>

answered May 30, 2017 at 13:58

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

Comments

John Doe · Accepted Answer · 2017-05-30 14:01:08Z

1

Create a function and set values there. Remove logic from template

<a href="#newpage" ng-click="changeValue(sub.cid)"> view</a>
<a href="#newpage" ng-click="changeValue('abc')"> view</a>


function changeValue(val) {
  ctrl.service.name = val;
}

answered May 30, 2017 at 14:01

John Doe

5063 silver badges11 bronze badges

Collectives™ on Stack Overflow

Setting angularjs data inside ng-click

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related