Stop Angular Dropdown Selection From Changing Model Immediately

Asked Jan 18 '16 at 19:27

Active Jan 18 '16 at 19:35

Viewed 162 times

<select ng-model="thing"
        data-ng-options="thing.id as thing.name for thing in things"
        ng-change="doSomething()">
</select>

I have some code like that above. When a user picks a "thing", it changes the model immediately. Instead, I would like to pop a modal and ask if the user is sure he would like the change to happen BEFORE the model changes. Is there a good way to do this. I looked into a couple stop propagation (1, 2) solutions, but I am not sure that's a good way to handle this.

In short, how do I achieve my goal here?

Edit: window.event.stopPropagation();does NOT stop the change.

edited May 23 '17 at 12:01

Community

asked Jan 18 '16 at 19:27

VSO

11,546
25
99
187

1

wait for angular 2.0, there two way banding is not default :D – Nino Mirza Mušić Jan 18 '16 at 19:30
1

haha sounds like a plan. – VSO Jan 18 '16 at 19:31
2

Just have the `ngModel` be a different model, then on the prompt confirm, assign the value to your actual structure. – tymeJV Jan 18 '16 at 19:36
Thanks tyme, that seems like a good way to go. I didn't realize how much I was over-complicating. – VSO Jan 18 '16 at 19:38

Stop Angular Dropdown Selection From Changing Model Immediately

0 Answers0