Nested objects and ng-models in Angular-JS

Question

I am looking for solution for a problem which might not exist the way I am trying to do it. So if anyone can help me with the best way of doing this.

ISSUE:

I have the following input field:

 <input type="text" placeholder="quote" ng-model="person.quotes.quote">
 <input type="text" placeholder="author" ng-model="person.author">
 <input type="text" placeholder="category" ng-model="person.category">

And I have the following object:

$scope.person = {
author: $scope.author,
category: $scope.category,
quotes: [{quote: $scope.quote}]
};

I am trying to get the value person.quote into the array of quotes. But I can't seem to do it.

REASON:

The reason why I am doing this is that when a user fills the input fields and clicks on a button the values are saved into the $scope.person object. And that I push that entire object to my firebase API. I want to maintain the structure of my $scope.person object as I have described in my javascript the same in my firebase API. I can easily push author and category but the nested quotes objects are not being pushed.

THE ERROR I GET:

Error: Firebase.set failed: First argument contains undefined in property 'quotes.0.quote'

Thanks in advance and if this information is not enough please let me know so i can provide with more information.

Andy Ecca · Accepted Answer · 2014-11-27 22:06:56Z

5

the property quotes from object person is array.

ng-model="person.quotes[0].quote"

answered Nov 27, 2014 at 22:06

Andy Ecca

1,98914 silver badges14 bronze badges

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

1 Comment

Skywalker Over a year ago

Ah! so simple. I knew it was something small. Thank you so much!

Collectives™ on Stack Overflow

Nested objects and ng-models in Angular-JS

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related