How to add newly created item to array?

Question

I have angular app with a create function that adds a movie:

createMovie(movie: Movie): void {
  this._dataService.createMovie<Movie>({'id': 20, 'name': 'Star Wars'})
  .subscribe((data) => this.movie = data,
  error => () => {
      'something went wrong';
  },
  () => {
      console.log(this.movies);
  });
}

This calls the createMovie() function in the service:

public createMovie<T>(movie: Movie): Observable<T> {
    console.log(movie);
    return this.http.post<T>('/api/movies/', movie);
}

It's working fine. I can see that added object in the database and on a refresh on the page.

In my app.component.ts I have a movies: Movie[];

What is the correct way of adding the newly created movie to that array?

just simple javascript.. should be movies.push(movie)

bgraham
– bgraham

2017-09-19 17:02:34 +00:00
Commented Sep 19, 2017 at 17:02 — bgraham
– bgraham, Commented Sep 19, 2017 at 17:02
upvote for @bgraham

alexKhymenko
– alexKhymenko

2017-09-19 17:09:31 +00:00
Commented Sep 19, 2017 at 17:09 — alexKhymenko
– alexKhymenko, Commented Sep 19, 2017 at 17:09

Mihailo · Accepted Answer · 2017-09-19 17:08:23Z

3

Simply change the createMovie() method in your app.component to:

createMovie(movie: Movie): void {
  this._dataService.createMovie<Movie>({'id': 20, 'name': 'Star Wars'})
  .subscribe(
    (data) => {
      this.movie = data;
      this.movies.push(this.movie); // <- adding the new movie to the movies array
    },
    (err) => {
      // Error handling
    },
    () => {
      console.log(this.movies);
    });
};

answered Sep 19, 2017 at 17:08

Mihailo

4,9974 gold badges24 silver badges31 bronze badges

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

Comments

Victor Godoy · Accepted Answer · 2017-09-19 17:25:47Z

0

you can use movies.push(movie). or use the spread operator "..." like [...movies, movie]

edited Sep 19, 2017 at 17:25

answered Sep 19, 2017 at 17:08

Victor Godoy

1,69216 silver badges19 bronze badges

Comments

Praneeth Reddy · Accepted Answer · 2017-09-19 17:40:56Z

0

var fruits = ["Banana", "Orange", "Apple", "Mango"];
//Banana,Orange,Apple,Mango

fruits.push("Kiwi");
//Banana,Orange,Apple,Mango,Kiwi

answered Sep 19, 2017 at 17:40

Praneeth Reddy

4243 silver badges7 bronze badges

Collectives™ on Stack Overflow

How to add newly created item to array?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related