Как запустить функцию, когда другая функция завершена?

Question

У меня есть угловая функция:

$scope.addMovie = function(movie){ 
    addMovieRecord(movie) 
    addMovieCredits(movie) 
} 

И два Javascript функции:

var addMovieRecord = function (movie){ 

    createMovie.create({ 
    id:    $scope.movieListID.id, 
    release_date: releaseNL.release_date, 
    imdb_rating: $scope.movieImdbRating.imdbRating, 
    title:   $scope.movieListID.original_title, 
    image:   $scope.movieListID.poster_path, 
    movie_id:  $scope.movieListID.id, 
    backdrop:  $scope.movieListID.backdrop_path, 
    overview:  $scope.movieCredits.overview 
    }) 

} 

И

var addMovieCredits = function (movie){ 

    movieService.loadMovies().then(function(response) { 
    $scope.moviesCheck = response.data; 

} 

Так что, когда я запустить функцию $scope.addMovie он должен первым стрелять функцию addMovieRecord которая создает видеозапись. Затем createMovie должен запустить addMovieCredits для загрузки всех записей.

Но этого не происходит. addMovieCredits возвращает все записи, кроме только что созданного. Так это выглядит, как порядок не является правильным,

Если я стрелять addMovieCredits (movie) непосредственно после функции создания он делает загрузить все записи,

createMovie.create({ 
    id:    $scope.movieListID.id, 
    release_date: releaseNL.release_date, 
    imdb_rating: $scope.movieImdbRating.imdbRating, 
    title:   $scope.movieListID.original_title, 
    image:   $scope.movieListID.poster_path, 
    movie_id:  $scope.movieListID.id, 
    backdrop:  $scope.movieListID.backdrop_path, 
    overview:  $scope.movieCredits.overview 
}).then(addMovieCredits(movie)); 

Но это не то, что я хочу. Я хочу загрузить записи фильма после завершения функции добавления.

Любые предложения о том, как это сделать?

* обновление *

Это служба createMovie,

app.factory('createMovie', ['$http', function($http){ 
    return{ 
    create: function(movie){ 
     return $http.post('/movies.json', movie); 
    } 
    }; 
}]); 

Answer 1

Учитывая createMovie является $resource объект, то вы можете сделать так:

(То, что я не уверен в вашем коде, что createMovie является функцией $scope, а также вы вызываете create на createMovie? Там должен быть какой-то конфликт имен)

var addMovieRecord = function (movie){ 
    // return from here which should be a promise 
    return createMovie.create({ 
    id:    $scope.movieListID.id, 
    release_date: releaseNL.release_date, 
    imdb_rating: $scope.movieImdbRating.imdbRating, 
    title:   $scope.movieListID.original_title, 
    image:   $scope.movieListID.poster_path, 
    movie_id:  $scope.movieListID.id, 
    backdrop:  $scope.movieListID.backdrop_path, 
    overview:  $scope.movieCredits.overview 
    }); 
} 

Затем использовать возвращаемый обещание

$scope.addMovie = function(movie) { 
    // or try "success" instead of "then" (may vary based on your Angular's version) 
    addMovieRecord(movie).then(function() { 
     addMovieCredits(movie) 
    }); 
} 

Update

с синтаксисом .then(loadMovies(movie)); в вашем вопросе также должен работать только есть проблема. Функция then ожидает функцию, но вы передаете функцию после того, как вы сразу вызываете ее, используя () в синтаксисе loadMovie.

Answer 2

Попробуйте это.

$scope.createMovie = function(movie){ 
    addMovie(movie).$promise.then(function(){ 
     loadMovies(movie) 
    }); 
}; 

Answer 3

movieService.loadMovies().then(function(response) { 
$scope.moviesCheck = response.data;} 

вы называете эту услугу один раз в bigining контроллера и после того, как вы добавите кино каждый раз при нажатии на кнопке, который invoque функции AddMovie проходящего список фильмов.

<button ng-click="AddMovie(moviesCheck)"></button> 


$scope.addMovie = function (moviesCheck){ 

     var movie ={ 
     id:    $scope.movieListID.id, 
     release_date: releaseNL.release_date, 
     imdb_rating: $scope.movieImdbRating.imdbRating, 
     title:   $scope.movieListID.original_title, 
     image:   $scope.movieListID.poster_path, 
     movie_id:  $scope.movieListID.id, 
     backdrop:  $scope.movieListID.backdrop_path, 
     overview:  $scope.movieCredits.overview 
     } 

    movieService.AddMovie(Movie) ; 

// you call the service who add the movie at database 
then you add the movie at the existing list in the view 

    moviesCheck.push(Movie); 

}