Event for any change in scope variable

Question

I wanted to have a Dialog box for asking to save the current changes or not. For that I was searching for an event in AngularJS which triggers on change of any scope variable.

As per my logic I will achieve this by creating event on every control and update a variable to say 'Modified' else will have default value.

Is there any other way? Since my logic will need an event on every control.

Add some more details, some code.. Have you tried form.$dirty ? — Jscti, Jan 05 '15 at 15:12
I haven't tried $dirty. Whatever I have shared in question is the same as scenario. — Romesh, Jan 05 '15 at 15:35

aw04 · Answer 1 · 2015-01-05T16:27:23.550

1

If you're using a form directive, this is pretty simple. The value of myForm.$dirty will be true if any property has changed. You can even check an individual field with myForm.myField.$dirty.

If you're not using a form, you should probably consider it for what it sounds like you're trying to accomplish. One of my favorite angular features as it makes validation, etc. a breeze!

Reference: angular docs

edited Jan 05 '15 at 16:27

answered Jan 05 '15 at 15:19

aw04

10,857
10
56
89

score 0 · Answer 2 · edited May 23 '17 at 12:20

0

Take a look at $scope.$watch(...) on the Angular docs, there is a great discussion on how $watch works here on another Stack Overflow question

You should, at the very least, be able to trigger alerts when specific scope-elements have changed. If you are using a form, then the $dirty approach above is absolutely a brilliant way to go.

edited May 23 '17 at 12:20

Community

1
1

answered Jan 05 '15 at 15:13

Quentin Donnellan

2,687
1
18
24

Event for any change in scope variable

2 Answers2