I'm trying to use the radio buttons implemented in UI Bootstrap firing a function by including a ng-click on the button. Apparently the radio button variable updates after the function has been called. I've created a Plunker to show this behaviour and explain the problem where the function fires an alert with the content of the variable.

Radio Buttons Plunker

Is there a simple way of solving this issue. Maybe by making the function to wait for the variable to update...

I'm trying to use the radio buttons implemented in UI Bootstrap firing a function by including a ng-click on the button. Apparently the radio button variable updates after the function has been called. I've created a Plunker to show this behaviour and explain the problem where the function fires an alert with the content of the variable.

Radio Buttons Plunker

Is there a simple way of solving this issue. Maybe by making the function to wait for the variable to update...

• javascript
• angularjs
• angular-ui-bootstrap

Share Improve this question Follow asked Jun 25, 2014 at 0:26 prl900prl900 4,17944 gold badges3535 silver badges4242 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

Yep, simple fix. Use ng-change instead of ng-click on your radio buttons.

See http://plnkr.co/edit/0Jf4qrpHAXY8MeeVA3kl?p=preview