how to use Angular ng-change on input to change json data

Question

I have an array like this:

var data = [{
    "chamberName": "Community App",
    "representativeEmail": "[email protected]",
    "primaryColor": "#325490",
}]

And an input on a form like this:

<input type="text" class="form-control" id="chamberName" ng-change="" placeholder="Chamber Name">

I'd like to use ng-change to change the array value that matches the changing input value. I can't figure out how to get the input value though. I am thinking something like:

ng-change="data[0].chamberName = inputValue";

Any help would be great!

SIDE NOTE: You need to use $parent when using ng-include.

I think you're looking for ngModel not ngChange.

Cosmin Ababei
– Cosmin Ababei

2016-08-16 14:22:58 +00:00
Commented Aug 16, 2016 at 14:22 — Cosmin Ababei
– Cosmin Ababei, Commented Aug 16, 2016 at 14:22
You want to create binding ?

Umair Farooq
– Umair Farooq

2016-08-16 14:23:31 +00:00
Commented Aug 16, 2016 at 14:23 — Umair Farooq
– Umair Farooq, Commented Aug 16, 2016 at 14:23

atn · Accepted Answer · 2016-08-16 14:32:22Z

1

You need to use ngModel.

Why your original data in array?

If you need to edit only one instance it is simpler to use object and pass object's property to ngModel

<input .. data-ng-model="data.chamberName" .. />

Or if you are going to edit pool of objects, than you can surround it with ngRepeat

<fieldset data-ng-repeat="elm in data">
  <input .. data-ng-model="elm.chamberName" .. />
  ..
</fieldset>

Or if you still want to store your single object in array

<input .. data-ng-model="data[0].chamberName" .. />

answered Aug 16, 2016 at 14:32

atn

9149 silver badges17 bronze badges

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

3 Comments

Thomas Juranek Over a year ago

Do you have an example of ng-model?

atn Over a year ago

What do you mean? I've wrote you three examples.

Thomas Juranek Over a year ago

I got it now. I didn't understand that the ng-model="data[0].chamberName" was a binding type deal.

Collectives™ on Stack Overflow

how to use Angular ng-change on input to change json data

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related