Как мне склеить ингредиент внутри рецепта в интерфейсе, и я нажимаю кнопку «Обновить», ингредиент рецепта будет удален в базе данных?

Question

Теперь я столкнулся с проблемой в моем весеннем проекте, который я хочу обновить в моем рецепте. Например, это пример выходных данных обновления рецепта , я показываю детали рецепта, я хочу удалить ингредиент внутри, а затем просто обновить его. Так как я могу это сделать?

Я пытаюсь соединить ингредиент, используя метод соединения, и затем нажимаю кнопку обновить, чтобы запустить службы PUT, однако ингредиент не был удален в базе данных.

Это часть моего исходного кода, как мне это сделать?

       $scope.selectRecipe = function(recipe) {
         $scope.selectedRecipe = recipe;
         }

      $scope.deleteIngredient = function(index) {
            $scope.selectedRecipe.ingredients.splice(index, 1);
        }

          $scope.updateRecipe = function() {
    RecipeList.putRecipe($scope.selectedRecipe, function(err,data) {
      if(!err)
      {
            $scope.msg ="success";
      }

            });